干货~ 百度 UEditor 富文本编辑器入门指南
UEditor介绍
由百度FEX前端研发团队开发的源码UEditor是一款所见即所得的富文本web编辑器,以其轻量、编辑可定制和注重用户体验等特点,器参开源且基于MIT协议,源码允许用户自由使用和修改代码。编辑
源码下载
由于富文本编辑器需要与后台配合,器参溯源码的和非溯源码的区别如和视频上传,源码因此官网提供的编辑开发版通常集成了后台代码。因此,器参此处推荐下载PHP版本的源码源码。
ueditor.baidu.com/websi...
UEditor初始化
建议根据版本号修改包名,编辑例如将ueditor1_4_3_3-utf8整个代码包放置到lib资源目录中,器参接下来进行UEditor初始化。源码
创建_初始化.html页面,编辑并写入以下代码,器参具体作用已在注释中注明。
即可完成一个编辑器的基本初始化。
建议在服务器环境下打开,运行效果:
Ueditor自定义参数配置
编辑器提供多种可自定义的参数项,在实例化时可以传入给编辑器。官方提供两种配置方案:1. 取消ueditor.config.js中的网游充值平台 源码注释,并修改为对应参数;2. 在实例化编辑器时,第二个参数传入对象进行配置。
所有配置项配置起来非常便捷,按照上述配置,可以配置工具栏的功能按钮,以及文本内容增多时是否会自动增加等。
运行效果:
可以看到,只有我配置的工具栏功能按钮才显示出来了。
自动长高功能效果:
官方提供了非常详细的配置说明,具体如何配置,邮箱远控源码可以直接查看API。所有配置项说明:fex.baidu.com/ueditor/#...
Ueditor定制工具栏图标
刚才简单配置了几个工具栏图标,下面来详细介绍一下如何配置每个工具栏图标。
只需在toolbars数组中添加对应你需要的工具项,即可定制所需的富文本编辑框。
效果:
可配置的参数有很多:fex.baidu.com/ueditor/#...
UEditor设置获取内容
对编辑器的操作最好在编辑器ready之后再进行。
设置编辑器内容:ue.setContent('内容');
获取:1. html格式内容:ue.getContent();
2. 纯文本格式内容:ue.getContentTxt();
运行结果:
控制台打印结果:
UEditor常用API
上面演示了几个简单的API,其他还有一些常用的API。
设置编辑器内容:
追加编辑器内容:
获取编辑器html内容:
获取纯文本内容:
判断编辑器是否有内容:
编辑器获取焦点:
设置当前区域编辑状态:
不可编辑:
可以编辑:
编辑器显示状态:
设置编辑器显示:
设置编辑器隐藏:
详细的文档,可以查阅官方文档ueditor.baidu.com/doc/#...
CoolFormat 源代码格式化工具使用帮助手册
一.软件介绍CoolFormat源代码格式化是ie恶搞迷源码一款C\C++\C#\CSS\HTML\Java\JavaScript\JSON\Objective-C\PHP\SQL\XML代码格式化工具。软件可以快速多种风格格式化,并对语言进行着色。界面采用Office 风格,并有多种样式可以替换。并且支持代码高亮到网页上显示,方便博客文章之类的撰写阅读。
二.软件功能
1.全新Ribbon界面,操作方便
2.支持全部、部分、批量格式化方式
3.可自定义的html 颜色采集源码代码格式化风格
4.支持代码高亮到网页、博客
三.软件使用
1.格式化功能
分为快速格式化、所选格式化和批量格式化,各种语言的格式化风格参数可以在高级面板格式化设置进行详细设置。快速格式化是对全文内容进行格式化,所选格式化是对当前所选中的内容进行格式化,批量格式化可以对多个文件进行批量格式化,所筛选的文件后缀名可以在高级面板扩展名设置进行详细设置,最好在备份好个人重要文件后,再进行批量格式化。格式化的效果举例如下:
我们小编补充:如果是复制进去的代码,需要先选择代码的语言分类
然后再进行格式化即可。
C++代码格式化前:
C/C++ Code复制内容到剪贴板intFoo(boolisBar){ if(isBar){ bar();return1;}elsereturn0;}C++代码格式化后:
C/C++ Code复制内容到剪贴板intFoo(boolisBar){ if(isBar){ bar();return1;}elsereturn0;}2.高亮功能
编辑器支持多种语言的高亮,高亮的字体、颜色等设置可以在高级面板编辑器设置进行详细设置。也支持代码高亮到网页,直接粘贴到博客等,保持高亮颜色、缩进等,具体可以在高级面板高亮设置进行详细设置。高亮的效果类似如下:
C/C++ Code复制内容到剪贴板intFoo(boolisBar){ if(isBar){ bar();return1;}elsereturn0;}3.其他功能
3.1导入导出
支持配置的导入与导出,可以方便地将格式化的设置、扩展名的设置、编辑器的设置、高亮的设置共享给其他人。
3.2 主题样式
支持Office 的三种配色方案:蓝色、黑色、银色。可在文件选项常用里进行设置。
3.3 界面语言
目前支持中文、英文这两种界面语言。可在文件选项常用里进行设置。
3.4 快捷键
为了防止快捷键的冲突,可以在文件选项自定义键盘快捷键的自定义按钮里进行设置新的快捷键。参见这里。
3.5 命令行使用
支持命令行使用,直接传入-f 文件名,可自动根据文件的后缀名进行相对应语言的格式化。另外还可以当做VS的外部工具,进行调用。
3.6 作为插件
目前可以支持以下编辑器,作为其插件来使用:
Visual Studio
Sublime Text
Notepad++
打包下载地址:/softs/.html
四.常见问题
1.建议和BUG的提交
可以直接在博客下方留言,或者按照高级面板提交建议或BUG的方式进行提交。
2.推荐使用的字体
可以在这里/fonts/.html进行下载使用。
2024-11-23 08:03
2024-11-23 07:56
2024-11-23 07:05
2024-11-23 06:16
2024-11-23 06:08