summernote
是一款文本编辑器插件，基于
jquery
、
bootstrap
、
fontawesome
-
获取纯文本
官方文档只有获取
html
内容的
api
，并没有直接获取纯文本的
api
，如果只要纯文本的话用
js
或其他语言也能实现，但是可能稍微麻烦点，可能会用到正则，这里找到一个方法，简单直接方便
var text = $($("#summernote").summernote("code")).text();
我的
js
不怎么好，我理解是先获取
html
内容，然后把它当成一个
jq
对象，再执行
jq
的取文本方法，简直聪明
-
placeholder
明明设置了，但是不生效
我是用的是
summernote0.8.8
，
bootstrap3.3.7
，
jquery3.2.1
我的代码如下：
<body>
<div id="summernote">
</div>
<script>
$(function () {
$('#summernote').summernote({
placeholder: '请输入内容',
tabsize: 4,
height: 400,
width: 1000,
lang: 'zh-CN'
</script>
</body>
代码看起来没有任何问题，但是生成的编辑器如图：
并没有看到我设置的
placeholder
，他去哪儿了呢？这个时候，我把光标定位于编辑器中，按一下删除，
placeholder
就出来了，说明我生成的编辑器中默认多了一个空格？然后我就去作者
github
搜索了一番，找到了这个issue，如图这个解释
再看看我的
html
代码：
<div id="summernote">
</div>
符合他说的有问题的写法，于是我修改为
<div id="summernote"></div>
placeholder
可以正常显示了
-
未完待续，使用过程中补充
跟老赵头儿学开发之十四 : 百度编辑器安全漏洞及其防护措施
百度编辑器UEditor 是一套开源的在线html编辑器，它是由百度web前端研发部开发的所见即所得的富文本web编辑器，开发人员可以用 UEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本框。
UEditor既可以录入文本也可以上传图片，还可以支持自定义的html编写，支持电脑端及移动端，自适应页面，图片也可...
3.创建
summernote
，并且将上传的图片保存到本地，然后再返回到编辑器
中
，如果直接复制图片不去保存，图片的地址会是原来的地址，并不是本地的地址。所以我们需要将图片保存到本地，然后就可以将文章获取存入数据库了。2.创建一个
summernote
的容器。1.首先需要从官网（
OpenCV例程实现人脸检测前段时间看的OpenCV,其实有很多的例子程序,参考代码值得我们学习,对图像特征提取三大法宝:HOG特征,LBP特征,Haar特征有一定了解后. 对本文
中
的例子程序刚开始没有调通,今晚上调通了,试了试 ...【转】c/c++各种字符、字符串类型转换itoa 功 能:把一整数转换为字符串 用 法:char *it...
在实际WEB开发
中
，越来越多的用到HTML
文本编辑器
来录入有固定格式的大文本信息。比方说BLOG的文章录入的部分。FCKEditor是一款
使用
简单、实用的轻量级的HTML
文本编辑器
控件，他支持IE5.5+，Firefox1.0+，Mozilla1.3+，Netscape7.0+等各种不同的主流的浏览器。 官方网站：http://www.fckeditor.net/
使用
方法：1、到http://w...
粘贴板(clipboard)模块
粘贴板处理Quill和外部程序直接的复制、剪切和粘贴。默认提供内容粘贴的正常解析，也能通过匹配做进一步的定制。
粘贴板模块解析通过后序遍历]对应DOM树粘贴HTML，
建立所有子节点的Delta表达。目前为止，每个子节点，匹配器函数用DOM节点和Delta表达调用，允许匹配器返回一个修改的Delta表达。
为了有效的
使用
匹配，需要熟练驾驭Deltas。
addMatcher
添加定制的匹配器到粘贴板模块，匹配器优先
使用
nodeType匹配并加入，接下来
使用
CSS选择
1、
遇到
最大的
坑
是，引用
summernote
.js和
summernote
.min.js的
坑
，因为调用不同的js，写的方法完全不同，所以经常会造成报错和方法无效的情况，以下是我通过实际开发环境总结的：
2、上传图片的
坑
，编辑器默认会把图片转换为二进制，性能会有很大的问题，解决办法如下：
先写一个异步上传图片的方法：
function sendFile(files,ed...
RuoYi-Cloud 是一个 Java EE 分布式微服务架构平台，基于经典技术组合（Spring Boot、Spring Cloud & Alibaba、Vue、Element），内置模块如：部门管理、角色用户、菜单及按钮授权、数据权限、系统参
Froala Editor 控件看起来比较简单，在html 可以用div 占位，也可以用textarea 占位 放到textarea 里面，可以直接用form 表单直接提交textare里的数据。
下面例子就是这种。
备注: Froala Editor 官网地址: https://www.froala.com/wysiwyg-editor/docs/plugins
旧MD编辑器面临的问题
渲染速度慢
旧MD编辑器的渲染原理把全文进行正则匹配捕获特定文本去渲染功能，但功能一多时，每次都要去用正则去扫描全文，效率低下。且当文本很长时（差不多1万字），从点击文章到渲染出来需要5秒左右。
当表格内容复杂一点时，用户难以对表格进行快速定位编辑，体验很差。（这是所有的分屏预览功能的MD编辑器的痛点）
