我是靠谱客的博主 天真荔枝,最近开发中收集的这篇文章主要介绍html编辑器 支持中文,支持中文输入的所见即所得HTML编辑器,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

ffd6ac8b64ae3ad2c6d02f2b36d5143f.png

benbianou

高分答主

08-02

TA获得超过7339个赞

根据现象,Editor是把,标签滤掉了,这个时Editor为了保护专门滤掉的,需要手动配置才可以:

不知道你的是什么版本,这个配置和Editor的版本有关,请先在ueditor.config.js中搜索whiteList,

如有有,证明你这个版本是老版本,这样打开注释并设置如下:

serialize : {

//黑名单,编辑器会过滤掉以下标签

blackList:{style:1, link:1,object:1, input:1, meta:1},

//白名单,编辑器会根据此配置保留对应标签下的对应标签或者属性

whiteList:{

''p'': {''br'':1,''BR'':1},

''br'':{''$'':{}},

''div'':{''br'':1,''BR'':1,''$'':{''id'':1,''style'':1}} ,

''html'':{$:{}},

''body'':{$:{}}

}

}

如果没有搜到whiteList,那证明是新版本,那么搜索filterTxtRules,打卡注释并设置如下:

''filterTxtRules'' : function(){

function transP(node){

node.tagName = ''p'';

node.setStyle();

}

return {

//直接删除及其字节点内容

''-'' : ''script style object iframe embed input select'',

''p'': {$:{}},

''br'':{$:{}},

''div'':{''$'':{}},

''li'':{''$'':{}},

''caption'':transP,

''th'':transP,

''tr'':transP,

''h1'':transP,''h2'':transP,''h3'':transP,''h4'':transP,''h5'':transP,''h6'':transP,

''td'':function(node){

//没有内容的td直接删掉

var txt = !!node.innerText();

if(txt){

node.parentNode.insertAfter(UE.uNode.createText('' ''),node);

}

node.parentNode.removeChild(node,node.innerText())

}

}

}()

你试试看。

最后

以上就是天真荔枝为你收集整理的html编辑器 支持中文,支持中文输入的所见即所得HTML编辑器的全部内容,希望文章能够帮你解决html编辑器 支持中文,支持中文输入的所见即所得HTML编辑器所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(47)

评论列表共有 0 条评论

立即
投稿
返回
顶部