最近两周一直都在开发后台wcms系统的文本编辑器。在开发的过程中,感觉到开发富文本编辑器还是能学到不少东西的,接下来我会说说我个人是怎么开发的吧。因为我的编辑器要兼容自己的后台,所以修改了一些浏览器自身的方法。 开发富文本编辑器主要用到了document.execCommand( command ...
此文已由作者刘诗川授权网易云社区发布。 欢迎访问网易云社区,了解更多网易技术产品运营经验。 最近我们的产品有一个需求是要在PC端做一个面向用户的书评编辑器,让用户和编辑在蜗牛读书上能方便快捷的编辑和产出一些优质的文章,它的主要难点就是富文本编辑器部分。 这虽然是个业务需求,但是做业务的同时也要兼顾技术,所以在跟需求商量好不支持IE 之后,决定采用Vue来作为前端部分的技术架构。 前端架构 webp ...
2018-11-30 10:52 0 723 推荐指数:
最近两周一直都在开发后台wcms系统的文本编辑器。在开发的过程中,感觉到开发富文本编辑器还是能学到不少东西的,接下来我会说说我个人是怎么开发的吧。因为我的编辑器要兼容自己的后台,所以修改了一些浏览器自身的方法。 开发富文本编辑器主要用到了document.execCommand( command ...
混淆工具 proguard 前后接触一段时间了,差不多了是明白了,不过遇到很多坑,差点被跳不出来坑了!真的难学啊! 真是是太难了; 教训1 ServerKeyStore 是kotlin类,不能 进行普通的混淆。 原因分析:反编译可以看到ServerKeyStore ...
写在前头的话 在react中去寻找一个好用的富文本编辑器网上很少有推荐的,搜到的也只有一些个人不成熟的作品,慢慢发现网上比较推荐的一个东东叫做draft.js。 这个东西在网上可以找到的教程也是手指头可以数到的,但是出来一年多了,使用者比较少的原因主要还是很难用。 1. 它需要你理解 ...
一、题外话 最近负责了一个cms网站的运维,里面存在很多和编辑器有关的问题,比如编辑一些新闻博客,论文模块。系统采用的是FCKEditor,自我感觉不是很好,如下图 特别是在用户想插入一个图片的话,就很麻烦,所有用户共享一个文件目录,这样就不好了,于是便想到了TinyMCE编辑器,博客园默认 ...
富文本编辑器的开发主要使用到东西如下: 1、iframe 2、将iframe的designMode设置为'on' 3、将iframe的contentEditable设置为true 4、获取iframe对象的contentDocument(注意兼容性 ...
有点懒,不整理了 以下转载 --------------------- 从云开始 使用tinyMCE最好的方式是使用云部署的方式。你需要通过注册的方式,得到一个apiKey,并 ...
说到富文本编辑器,不由我不想到 office word. word直到现在应该算是最多人使用的文本编辑器啦.她的功能真是无比强大,使用的体验性非常好.到后来出现的open office, wps对office word都是望尘莫及的. 富文本编辑器是基于 web 的文本编辑器. 其功能同样 ...
用法参考:http://kindeditor.net/docs/usage.html 一、使用 . 修改HTML页面 在需要显示编辑器的位置添加textarea输入框。 在该HTML页面添加以下 ...