大家好，我是前端西瓜哥。 前段时间给我的 suika 图形编辑器重写了文本编辑功能，基本支持了所见即所地编辑文本了，这篇文章总结一下实现这个功能需要做的一些工作。 简单演示，使用的字体是 “得意黑”。

富文本编辑器是一种可嵌入浏览器网页中，所见即所得的文本编辑器。这对于许多从事前端开发的小伙伴来说并不算陌生，在日常开发工作中，例如开发后台管理系统，是经常会用到的。

不打算考虑兼容性，所以没有必要采用UEditor这么重的插件。为此决定自研一个富文本编辑器。本文，主要介绍如何实现富文本编辑器，和解决一些不同浏览器和设备之间的bug。

在一些业务场景，比如高亮文本、输入编辑、等场景中需要对光标和选区进行操作时，可以使用浏览器提供的 Selection 对象和 Range 对象来操作光标和选区。 Selection 对象 Select

通过 -webkit-text-stroke、text-shadow来实现 初始 最近公司在搞活动，有个霓虹效果的文字，涉及到了不同语言平台，由设计师切图来进行实现。 但想到运营要进行文案改动的话，那

不知道读者们是否被以下三个问题困扰过。 这一切追根溯源，都和Unicode有关。而Unicode对我们来说是一个熟悉而又陌生的词。 在unicode还没有问世前，英语国家使用的编码规则是ASCII，但是亚洲许多国家，比如中国，又有自己的编码规则，如GB2312。各国之间传输文件…

如果你的网页中，展示一些 Emoji，那么一定要小心！因为在旧的系统中，可能无法正确展示新出的 Emoji。本文教你如何用JS判断Emoji能否正确展示。