ubb html编辑器,GitHub - ibone/ubb-editor: web编辑器

ubb-editor是在逛工作的时候，根据诸多需求定制出来的，目的是轻量、存储数据更少、可控、安全、扩展性好、详细请看优点介绍，如果你发现了该编辑器的更多优点请来信告知^_^ ubbeditor@gmail.com

######默认可编辑的样式

粗体，字号，字体颜色，加链接(可通过添加插件来增加更多功能)

######优点：

输出样式严格控制

比如：只希望评论中出现3种字体颜色，不希望出现第4种，那么其他基于html保存的编辑器就不行了，用户可编辑样式是不受控制的，比如在源码里面编辑

保存内容更少

比如：填写内容的时候，复制粘贴的使用频率是很高的，粘贴会造成多余html标签的生成，而ubb编辑器会根据需要将有用的html转化成ubb

安全性高

采用白名单标签模式，任何不可预估的会产生漏洞的标签都不会出现，包括未来的会出现的标签

属性控制，非编辑器提供的属性都不可出现在终端，比如“onclick,onmouseover”之类...

这里有完整的xss漏洞名单cheatsheet

######缺点：

在输出的时候，需要对内容解码(前端和后端都可以解码)

文本编辑功能有限(功能太多的话，感觉ubb这样的模式就不适合了)

######兼容性：

IE 6-9

Chrome

firefox

######保存的规则如下：

[font][size]4[/size][end]text[/font]

text

[font][color]#666666[/color][end]text[/font]

text

[b]text[/b]

text

[p]text[/p]

text

[a][href]http://example.com[/href][end]text[/a]

text

[br]

......

######使用：

$('#editor').ubb_editor();

######安装：

需要安装grunt来生成完整的ubb_editor.js

安装教程:http://www.gruntjs.org

生成目录dist/ubb_editor.js

ubb html编辑器,GitHub - ibone/ubb-editor: web编辑器相关推荐

html ace编辑器,Springboot 集成 Ace editor前端编辑器
一.引入Ace editor 本质上Ace editor只是一个js而已.而该js引用了其他js(如扩展.主题等js),因此将ace editor.js引入项目时最好复制整个文件夹,不能只复制一个ac ...
java web 编辑器_22个所见即所得在线 Web 编辑器
我们曾介绍过10个基于JavaScript的WYSIWYG(所见即所得)编辑器,这些WPHP 我们曾介绍过 10 个基于 JavaScript 的 WYSIWYG(所见即所得) 编辑器,这些 Web ...
从web编辑器 UEditor 中单独提取图片上传，包含多图片单图片上传以及在线涂鸦功能...
UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码.(抄的...) UEditor是非常好用的富文 ...
mini-editor项目设计介绍（一个基于Javascript的Web编辑器）
一.源码路径 https://github.com/weiganyi/mini-editor 二.界面你用浏览器打开源目录下的test.html文件,就可以看到一个样例Web编辑器的外观. 三.背景 ...
Thinkphp下嵌套UEditor富文本WEB编辑器
UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码... 本文实际操作于ThinkPHP框架下,现 ...
开源的在线html编辑器,22个国外的Web在线编辑器收集
1. TinyMCE 免费,开源,轻量的在线编辑器,基于 javascript,高度可定制,跨平台.2. FCKEditor 免费,开源,用户量庞大的在线编辑器,有良好的社区支持.3. YUI Edi ...
微软开源在线代码编辑器,编辑器天花板之Monaco Editor
各自随意彼此在意各自忙乱彼此牵挂 ------致友情文章目录常见属性配置一.自定义语言高亮 1. 注册语言 2. 定义高亮二.标记错误三.更新编辑器属性 options 四.代码智能提 ...
tui.editor所见即所得编辑器的使用
1. 官网网址官网:https://nhn.github.io/tui.editor/latest/tutorial-example01-editor-basic git: https://gith ...
linux如何下载github脚本,在Linux系统中下载及安装GitHub Atom code editor的方法
GitHub Atom代码编辑器可用于Linux.Mac和Windows平台,本文介绍在Ubuntu/Debian/Arch Linux/Fedora/OpenSUSE系统中下载及安装GitHub A ...
WEB编辑器漏洞手册.zip
WEB编辑器漏洞手册.zip 点击进入高速下载通道转载于:https://www.cnblogs.com/gwrjy/p/7157680.html

ubb html编辑器,GitHub - ibone/ubb-editor: web编辑器

ubb html编辑器,GitHub - ibone/ubb-editor: web编辑器相关推荐

最新文章

热门文章