百度富文本添加一键排版（默认固定样式）

1：红色字体改为你富文本绑定的内容。蓝色字体是富文本的实例调用富文本自身的api方法setContent().黄色字体就是你默认的固定样式字体行间距首行缩进等。

click(){
let dom = document.createRange().createContextualFragment(this.form.contentDetails.replace(/ /gi, ""));
this.setDomStyle(dom);
let div = document.createElement('div');
div.appendChild(dom.cloneNode(true));
this.editor.setContent(div.innerHTML);
},

setDomStyle(elem){
let dom = elem.childNodes;
dom.forEach((item, i) => {
if (item.parentNode == elem && item.nodeType == 1) {
item.style.fontSize = '18px';
item.style.fontFamily = '微软雅黑';

if(item.tagName == 'P'){
item.style.lineHeight = '28px';
item.style.textIndent = '2em';
}
}
if (item.childNodes.length > 0) {
if (item.childNodes.length == 1) {
let fe = item.childNodes[ 0 ];
if (item.nodeType == 3) {
return;
}
}
this.setDomStyle(item)
}
})
},

百度富文本添加一键排版（默认固定样式）相关推荐

百度富文本添加导入word文件
百度富文本导入word 1.编辑器修改 (可选) 1.1在 ueditor/config.json 中添加代码块 /* 上传word配置 */"wordActionName": & ...
TinyMCE 富文本编辑器 ━━ 一键排版功能所需正则表达式整理及学习
如果是公文发布,客户往往喜欢直接把word内容复制粘贴,这也导致大量的出错.最近客户的对格式的需求比较强烈,正好借机弄一弄.之前已经放了tinymce的插件及弹窗开发相关内容,今天进入一点关键内容~~ ...
解决百度富文本框中添加的表格页面获取后不显示表格边框的问题
在百度富文本框添加表格后可以右击设置表格边框是否可见,设为可见就可以显示了转载于:https://www.cnblogs.com/missguolf/p/9076535.html
百度富文本编辑器手机端预览插件开发
在百度富文本编辑器编辑的时候担心在手机端打开格式乱掉,编辑提交再去手机端刷新查看比较麻烦,希望在编辑器可以直接查看,效果如下: 下载文件: 链接: https://pan.baidu.com/s/1v ...
Html引入百度富文本编辑器ueditor
在日常工作用,肯定有用到富文本编辑器的时候,富文本编辑器功能强大使用方便,我用的是百度富文本编辑器,首先需要下载好百度编辑器的demo, 然后创建ueditor.html文件,引入百度编辑器,然后在h ...
百度富文本编辑器UEditor安装配置全过程
网站开发时富文本编辑器是必不可少的,他可以让用户自行编辑内容的样式然后上传到后台!下面我们来介绍如何安装使用百度富文本编辑器一.下载并且设置百度富文本编辑器的样式你可以去百度UEditor ...
TP5.1框架中百度富文本编辑器UEditor的使用
在实际项目开发中最常使用到的工具之一就是富文本编辑器,使用富文本编辑器可以实现所见即所得的效果,且所有富文本编辑器里的内容(包括图片,视频,音乐等文件)全部可以带格式的存入数据库中且只需占用一个字段. ...
html页面引入富文本编辑器,Html引入百度富文本编辑器ueditor
在日常工作用,肯定有用到富文本编辑器的时候,富文本编辑器功能强大使用方便,我用的是百度富文本编辑器,首先需要下载好百度编辑器的demo, 然后创建ueditor.html文件,引入百度编辑器,然后在h ...
百度富文本编辑器ueditor在https协议下无法正常插入动态地图
在浏览器https协议下,百度富文本编辑器ueditor有可能会无法正常插入动态地图.所谓"动态地图",就是在插入地图的时候,勾选右上角的"动态地图"选择框: ...

百度富文本添加一键排版（默认固定样式）

百度富文本添加一键排版（默认固定样式）相关推荐

最新文章

热门文章