富文本编辑器(javascript)
博客专区 > winsywen 的博客 > 博客详情
富文本编辑器(javascript)
winsywen 发表于4年前
富文本编辑器(javascript)
  • 发表于 4年前
  • 阅读 54
  • 收藏 0
  • 点赞 0
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   

摘要: 使用javascript实现简单的富文本编辑器

虽然在网上搜索富文本编辑器会搜出一大堆比自己功能强大的编辑器,不过毕竟自己还处于学习javascript的阶段。所以,我希望能够通过练习来提高自己的能力。

大致说一下自己的思路:

  1. 构思要实现什么功能的编辑器以及找到相应素材并且在页面中渲染出自己要实现的界面。

  2. 使用javascript的designmode = "on"以及editorable 设置为true。使用document.execCommand指令实现简单的功能

  3. 实现了前面两个步骤之后,相信总体上已经看到一个界面还行可以用的编辑器,不过,要想做得更完善。还需要一些东西,譬如,有些命令需要利用js控制css样式,各功能的按钮的状态切换有问题需要监听键盘事件以及鼠标事件。   

标签: javascript
  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 5
博文 4
码字总数 6889
评论 (0)
×
winsywen
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: