ueditor编辑器添加的样式到数据库有html标签,怎么给手机端写接口?

ueditor编辑器添加的样式到数据库有html标签,怎么给手机端写接口?,第1张

一、打开ueditor.all.js

二、大概9300行找到 ///plugin 编辑器默认的过滤转换机制,把下面的

'allowDivTransToP':true

值改成false。为true的时候会自动把div转成p。

三、大概9429行,有个case 'li',这个是把li里面的样式去掉,把这个case注释掉。

四、大概14058行,下面的第一个utils.each功能注释掉,这个是自动给li里面的内容增加一个p。

五、大概14220行,

node.className = utils.trim(node.className.replace(/list-paddingleft-\w+/,'')) + ' list-paddingleft-' + type

注释掉,这个是自动给ul增加一个内置的样式。

下面的14222行

li.style.cssText &&(li.style.cssText = '')

注释掉,这个是自动去除粘贴进去的代码的li的style样式

至此,我们粘贴进去的html格式的ul和li就不会被转义了。

1、在UEditor官网下载对应的工具包。

2、基本目录结构。

3、引入UEditor核心文件。

4、实例化UEditor编辑器//阻止div标签自动转换为p标签allowDivTransToP: false,//是否自动长高,默认trueautoHeightEnabled: false。

5、最后效果图如下。

遇到问题多看官方文档和官方API。

官方初始化参数文档:http://fex.baidu.com/ueditor/#start-config

官方API文档:http://ueditor.baidu.com/doc/

最简单的解决方法如下:

// 如下写法即可

var ue = UE.getEditor("editor", {

initialContent: "${initParam}"

})

如果不能满足要求,比如这样的话,之前在文本中插入的图片,在修改时会展示<img>标签,可以用filterTxtRules选项解决。当然,一般没人会把图片也跟文本一起存入数据库


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11389760.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-15
下一篇2023-05-15

发表评论

登录后才能评论

评论列表(0条)

    保存