如何实现文本编辑?

zxcullx 2014-10-17 01:19:22

想要实现一个文本编辑器, 主要是想探讨一下思路.

这里面的关键是要实现对文本中每个字符的独立操作. 不过我不知道如何在一个文本块中定位和操作一个单独的字符, 好像不太可能啊. event不会告诉我当前鼠标所在位置是哪个字符, 也不可能在一个文本块中高亮显示一个单独的字符.

怎么将一个包含许多字符的文本"化整为零"呢?

当然, 一个简单的办法就是将待编辑的文本打散, 每个字母用一个<span>或别的什么封装起来. 这样操作上当然是没有任何问题, 编辑结束以后, 再将所有的<span>合成为一段文本.问题是, 这么做开销会非常大, 编辑的文本可能有数千甚至上万个字, 难道要创建上万个元素吗? 这样效率也会是一个问题.

不知道现在的编辑器采用的是怎样的做法, 大家有什么好的建议吗?

...全文

100 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

slwsss 2014-10-20

打赏
举报

回复

document.designMode 参考http://www.cnblogs.com/MyVita/archive/2010/05/15/1736024.html

会飞的Pikachu 2014-10-18

打赏
举报

回复

Ueditor开源编辑器 contenteditable=true

zxcullx 2014-10-18

打赏
举报

回复

我说的不是用现成的编辑器, 而是自己写一个. 这一点应该很清楚吧. 上这儿提问是比较偷懒了, 自己去看代码是个更彻底的解决办法.

基于微信小程序原生开发从头实现小程序常见功能，包括小程序开发基础知识及常用开发功能如登录、找回密码、文件上传、多媒体功能、编辑表单、详情界面、列表界面等，并实现简单的在线预约系统相关功能，具体内容如下：常见功能实现：实现用户登录（用户名密码登录、手机验证码登录、小程序自动登录）、找回密码、用户注册、小程序授权、修改密码、关于我们、意见反馈、系统消息、表单录入、详情查看、列表查看等功能。公共常用组件：实现公共组件的抽离以便能进行扩展及复用，包括输入框、选择框、分步组件、swiper组件、视频播放、富文本编辑、文件上传、视频上传、编辑表单、详情界面、列表界面、tab组件、地图等常用的组件。源码获取说明：点击 https://gitcode.net/invite_link?invite_code=UdfJQACWXRWX9z9NJy_x 申请加入gitcode项目，申请之后会进行审核，购买了课程的用户会直接审核通过。使用会员免费看的用户请留言一下账号才会审核通过。若长时间未审核通过请留言或私信联系处理，留言时请备注下gitcode中的昵称。

我想知道是否有任何好的选择在Android中实现丰富的文本编辑器。请注意，我说的是一个富文本编辑器，可以在Android应用程序中使用，而不是嵌入在使用HTML和Javascript的网页。我的要求是：>基本格式(颜色，字体，高亮，粗体，斜体，下划线等)>超链接>内联图像>项目符号列表和编号列表>内联表(只有单元格内的内容是可编辑的，而不是表结构)如你所见，这是一个非...

本程序要求完成一个简易文本编辑器，能够完成文本的录入、编辑、删除、查找，并能够完成文件的存取。在文本编辑软件中把用户输入的所有文本内容作为一个字符串。虽然各种文本编辑软件的功能有强弱差别，但是基本操作都包括串的输入、修改、删除（包括整行删除和一行中的子串删除）、查找、输出等。通过分析，系统应该包括以下功能：具有简单的文字或图形菜单界面能实现串或文本块的查找、替换、删除、插入、移动操作。...

vue+element 实现文本编辑

看到网上有各种版本的Java文本编辑器，就也发一个，写得很朴素，仅供大家借鉴参考，欢迎交流。用Java实现文本编辑器：创建，浏览、编辑文件；剪贴、复制、粘贴；保存以及另存为；统计字符一、开发环境描述二、程序模块功能描述（一）文件（二）编辑（三）统计（三）格式：（四）帮助三、关键Java API列表四、运行结果一、开发环境描述开发环境：Windows 10操作系统；JDK 13.0.2 运行环境：JRE 13.0.2 开发工具：Notepad++ 二、程.

87,904

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章