目前常用的富文本编辑器:百度版UEditor,wangEditor,ckeditor,kindeditor,TinyMCE。当Word复制文本粘贴到编辑器时,几乎都无法保证字体大小完全一致的问题。 想探讨这问题,首先了解下字体的大小单位定义。

字体的大小常用的一般有三类:字号(如:五号),磅值(pt),像素(px)。其中字号一般是中文使用习惯,Word一般使用前2者,在线编辑器一般使用像素。
像素和磅值换算关系是:1pt=4/3 px≈1.3333px。 如24pt = 32px。当无法整除时,编辑器会四舍五入取像素。 我整理了字号,磅值,像素对应关系。

其中:富文本编辑器wangEditor,ckeditor,kindeditor等基本都不支持字体复制;UEditor就是按照上述的磅值转化像素方法实现的;当支持性较好是TinyMCE,但功能不如UEditor强大,需要处理下中文语言包,最新5.0.7版。TinyMCE下载地址如下:

https://www.tiny.cloud/get-tiny/

转载于:https://www.cnblogs.com/fanblogs/p/10982577.html

富文本编辑器复制Wod字体问题相关推荐

  1. 富文本编辑器复制粘贴word

    tinymce是很优秀的一款富文本编辑器,可以去官网下载.https://www.tiny.cloud 这里分享的是它官网的一个收费插件powerpaste的旧版本源码,但也不影响功能使用. http ...

  2. ueditor富文本编辑器增加默认字体、字号

    1.在 ueditor.all.min.js这个js中修改默认字体和字号: 代码:body{margin:8px;font-family:仿宋_GB2312;font-size:21px;} 2.增加 ...

  3. php简单富文本,JavaScript_Javascript实现简单的富文本编辑器附演示,复制代码 代码如下: span styl - phpStudy...

    Javascript实现简单的富文本编辑器附演示 富文本编辑器 编辑区 字体颜色: Black Red Green Blue 字体样式: Bold Italic Underline StriketTh ...

  4. Markdown与富文本编辑器的区别及使用建议

    一.前言 当前有许多有发帖和交流功能的网站,并且内容类网站(如视频网站或软件站)也基本开始支持. 但对于更专业化和长篇的文章来说,往往需要用到更多的排版及格式.于是出现了富文本编辑器以及标记语言Mar ...

  5. vue使用ckeditor4富文本编辑器配置

    使用场景: 本来最开始使用的是quill富文本编辑器,但是由于功能和项目得实际需求并不是怎么适合,因为我需要在Word文档里面把一些内容进行粘贴复制进去(复制的是图文),当出现这种场景的话quill就 ...

  6. jeecg富文本编辑器增加字体(仿宋)

    jeecg富文本编辑器增加字体(仿宋) 温馨提示:jeecg 提供了 uedit 富文本的实现,如下针对的是 uedit 增加仿宋字体示例. 主要修改三个文件:plug-in\ueditor\uedi ...

  7. 富文本编辑器、日期选择器、软件天堂、防止XSS攻击、字体icon、转pdf

    [超好用的日期选择器] Layui:http://www.layui.com/laydate/ 备注:日期选择器,用过很多很多,自己也写过一些:相信这个简单而又不简单的选择器,能够给你多些美好的时光 ...

  8. 带格式粘贴至html富文本,防止复制/粘贴将网页样式复制到富文本编辑器

    我想了两天现在几个JavaScript轻量级富文本编辑器(rte),如nicEdit,mooEditable,MooRTE(最后两个被认为是因为他们使用了我用于这个项目的mootools框架).防止复 ...

  9. braft-editor 富文本编辑器在谷歌复制图片出现两张

    最近在用braft-editor 做富文本编辑器时候,发现在桌面或者网页复制图片,利用快捷键ctrl+v 或右键粘贴是,图片都是一张,但是如果在微信里面复制图片,再次粘贴到编辑器,就会自动出现两张(仅 ...

最新文章

  1. pytorch nn.Embedding
  2. Message、Handler、Message Queue、Looper之间的关系
  3. 8.11. Migrating MySQL Data into Elasticsearch using logstash
  4. numpy使用[]语法索引二维numpy数组中指定数据行的数值内容(accessing the specific row in numpy array)
  5. 我的第一篇Windows Live Writer小文
  6. 使用CSS如何解决inline-block元素的空白间距
  7. python 列表生成器 获取文件列表
  8. [SCOI2010]股票交易
  9. matplotlib安装
  10. Oracle中过程/函数返回结果集
  11. 阿里架构大牛说:JVM从入门到入魔,就是这么简单
  12. Android安卓——Android程序生命周期
  13. app inventor学习平台和AI伴侣
  14. update from用法
  15. 自动控制原理笔记-根轨迹的概念-根轨迹方程
  16. 依托电子邮件传播的银行木马QakBot
  17. CSS 版心和布局流程
  18. c log 指定服务器,解决 SQL2000安装程序配置服务器失败。参考服务器错误日志和C:\WINDOWS\sqlstp.log方法...
  19. 西南大学网络教育学院计算机答案,西南大学2017年6月网络与继续教育学院《计算机辅助设计》【9123】大作业答案.doc...
  20. 人生无根蒂,飘如陌上尘.

热门文章

  1. [No00002A]26个英语字母的原始象形意义、含义、产生及发展历史
  2. 开学季,给Java开发学习者的开发工具选择指南
  3. 局域网内2台ubuntu电脑共享鼠标键盘
  4. java 调excel 的宏_Microsoft Excel宏来运行Java程序
  5. PYTHON 类的三大特性
  6. uniapp实现调起地图导航
  7. python 学习爬取哔哩哔哩今日热门的前100个视频
  8. zabbix 监控 db2_zabbix实战 - abm
  9. VHDL实现USART
  10. H5 -- 自定义微信分享第三方页面链接的标题和小缩略图