Ueditor实现粘贴自动排版

首先要修改Ueditor的配置选项，根据自己的排版需求修改参数

ueditor.config.js

// 自动排版参数autotypeset: {mergeEmptyline: true, //合并空行removeClass: true, //去掉冗余的classremoveEmptyline: true, //去掉空行textAlign: 'left', //段落的排版方式，可以是 left,right,center,justify 去掉这个属性表示不执行排版imageBlockLine: 'center', //图片的浮动方式，独占一行剧中,左右浮动，默认: center,left,right,none 去掉这个属性表示不执行排版pasteFilter: true, //根据规则过滤没事粘贴进来的内容clearFontSize: true, //去掉所有的内嵌字号，使用编辑器默认的字号clearFontFamily: true, //去掉所有的内嵌字体，使用编辑器默认的字体removeEmptyNode: true, // 去掉空节点//可以去掉的标签removeTagNames: { 标签名字: 1 },indent: true, // 行首缩进indentValue: '2em', //行首缩进的大小bdc2sb: false,tobdc: false,},

在Ueditor的js文件里新增一个执行排版的操作

在ueditor.all.js文件里找到editor.addListener(‘afterpaste’, function () 或者类似e.addListener(‘afterpaste’, function () 一行，在函数内添加editor.execCommand(‘autotypeset’)，这样在每次将复制内容粘贴到文本框内时，会自动执行自动排版。

ueditor.all.js

editor.addListener('afterpaste', function () {editor.execCommand('autotypeset') // 新增这行代码
.....

当然，我们可以在页面上增加一个复选框，来控制自动排版的开关

<input type="checkbox" name="isAutotypeset" id="isAutotypeset" value="true" checked="checked">
<label for="isAutotypeset">自动排版</label>

相应的修改ueditor.all.js

editor.addListener('afterpaste', function () {if (document.getElementById('isAutotypeset').checked) {editor.execCommand('autotypeset') }
.....

Ueditor实现粘贴自动排版相关推荐

cdrx4自动排版步骤_现在的大学生，都不会论文排版了
因为排版问题而被论文导师一遍遍打回,听说广大毕业生实在是流干了眼泪.要想留住师生情,一部分排版工作是很有必要边写边做的. 今天,我将以厦门大学的本科毕业论文排版要求为例,给大家送上一份全面的毕业论文排 ...
vim下自动排版命令
Vim自动排版命令由于在.vimrc文件中设置了 filetype plugin indent on 和 set cindent shiftwidth=4 在SecureCRT中使用鼠标复制-粘贴时 ...
Android Studio自动排版的两种方法
Android Studio这样的集成开发环境虽然代码自动化程度很高,但是自动化程度高导致人的自主性就下降了,而且总是依赖编辑器的功能也会搞得代码排版很别扭. 最难受的是你在Android Studi ...
python自动排版公众号_那些排版好看的公众号，都在偷偷使用这些神器
本文首发于gzh:等我遇见汝公众号自带的编辑器能力有限,为了让公众号的排版更好看,不少人会使用第三方的编辑器,如135.秀米等. 但这些第三方编辑器用的人多了,难免会「撞衫」,不能形成自己的个人风格 ...
Android Studio自动排版格式化(android排版和xml排版)
Android Studio自动排版格式化今天自己想让Android Studio软件自动格式化排版,结果搜了一下,都说是Ctrl + Alt + L 结果不行后面自已经过网上一些提示和自己探索终 ...
cdrx4自动排版步骤_当代大学生难题：又又又又要排版论文了
文/温温柔一周进步签约作者最近,很多同学的毕业论文已经陆陆续续完成开题,进入到了正式写作阶段.如果你想等到论文全部写完再统一排版,头顶发凉泪两行. 因为排版问题而被论文导师一遍遍打回,听说广大毕业 ...
dev c++自动排版_再也不头疼文字排版了
前言在办公时,我们经常会需要用到Word,经常需要到网上查找一些资料然后整理排版,如果想提高文字排版.整理的效率.那么小编给你推荐Gidot Typesetter 这款非常好用的排版软件. Word ...
eclipse自动排版快捷键、自动引入包
ctrl+shift+f快捷键,自动排版 ctrl+shift+o快捷键,自动引入包注意,有些输入法(如搜狗和百度输入法)中的简繁体字切换功能和eclipse的自动排版功能一致,必须先关掉输入法之后 ...
排版项目 html,实现HTML自动排版的法则2_html
法则五:把复选框.单选按钮与它们的标签分离将单元中的复选框.单选按钮的标签与控件分离,这能够保证当文本变长时正确换行.但仍需要设计对话框,设法使翻译后的文本有可能置于一行中. 代码样例(设计正确的复 ...