轮子造一波 |
您所在的位置：网站首页 › pdf编辑器有格式刷吗 › 轮子造一波 |
|
开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第1天，点击查看活动详情 开发思路看了一下WPS的格式刷使用方法，先选中要复制格式的文字，然后点击格式化按钮，最后选中要格式的文字松开鼠标，格式化过程就完成了。 按照这个流程开始开发。 首先要在toolbar添加个格式刷按钮，具体流程官网文档上都有注册新菜单。这里我们注册 ButtonMenu 类型的菜单就好了。 主要的逻辑都在点击格式化按钮和点击按钮之后的选中文字格式化的这两个步骤。点击格式化按钮我们需要把选中文字的样式信息保存下来。这里用的是 getFragment() 方法，因为我们选中文字的时候有可能会选中多段样式不一样的文字，比如这样 示例文字 ，如果选中这样的，默认会按照第一种样式进行接下来的格式化。 保存到用以格式的样式后，下面要在选中文字的过程中设置其样式与我们保存的样式一样。这里我们用劫持编辑器 onchange 事件，用以监听选中文字的操作。在如何给选中的文字设置样式的问题上，我想了很久，最后看到这个 createEditor介绍时，content 参数的值就是 editor.children 获取的内容，哎，getFragment()的结果中不就有children 值嘛。将前面保存的样式信息用 createEditor 创建一个编辑器实例，再获取这个实例的html,将获取的html设置替换到选中的文字。这样格式刷的流程就完成了。如果一直不取消格式刷按钮的选中状态，那么下面的选中操作都将会是格式刷操作，直到取消选中。 使用预览地址。欢迎大家给个小星星。 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |