JS文本编辑器控件,具有灵活的动态视觉样式功能
JS text editor control with flexible dynamic visual styling capabilities
我正在寻找一个JS文本编辑器控件为任何相同的框架,这将允许我颜色和其他样式的文本在运行时,用户键入它在一个自定义markdownesque格式。
注意,实际的格式与Markdown有很大的不同,所以我不能简单地重用一些现有的Markdown编辑器。此外,这个东西的目的是帮助用户进行半结构化的数据输入,而不是花哨的文本格式本身。
除了样式化文本,我还希望能够根据用户键入的内容在文本中动态插入UI元素(例如,按钮)。
我还必须能够以某种或多或少有效的方式在后台将更改发送到服务器端。我认为我无论如何都需要在那里编写一些自定义回调,但是如果控件能够为此提供一个舒适的框架(或者至少如果它不会妨碍我的方式),那将是很酷的。
支持撤销/重做和复制/粘贴等常用功能当然是必须的。
一个愚蠢的综合例子来阐明我想要能够编码的规则:
:
<>之前——Foo酒吧{绿}*巴兹*——Alpha {red}之前样式:
- 从
Foo
所在行到Alpha
之前行,背景色为绿色 - Line with
Alpha
: red background - Word
*Baz*
(连同星号)以粗体显示。 -
Foo
和Alpha
旁边的文字:带有垃圾桶图像的按钮,如果按下删除当前--
到下一个文本的整个部分。 - 当用户按返回与
--
一行时,光标在下一行的位置自动缩进。 - 如果用户在行(缩进)的开头输入
--
,则开始新的部分并且行不缩进。(实际缩进字符/空格/必须出现在文本中。)
{green}
更改为{blue}
,则背景颜色也应相应更改。
查看Yahoo富文本编辑器。它是开源的
相关文章:
- 无法从 jQuery RSS Feed 中的 localStorage 动态替换类
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 动态分配GA增强型电子商务跟踪器
- onkeyup无法动态创建多个文本区域
- 使用javascript将动态表从一个html页面打印到另一个html页
- 如何使Javascript动态html表及其上的事件
- 动态地改变“”的URL;添加新项目”;链接使用javascript/jquery
- 如何在Bootstrap Modal中为动态点击生成的变量设置jade属性
- 如何使用javascript从主svg对象动态创建svg视图框
- 试图在引导模式内动态生成图表,得到offsetWidth错误
- 通过在Dojo mobile ViewController.openExternalView中动态更改打开同一外部视图的
- 如何在Google柱状图中动态添加行/列
- 困在逻辑中试图定位动态的东西
- 在动态创建的元素上获取对特定选择器的引用
- 如何动态插入jquery代码
- 动态禁用按钮在视觉上不会更改
- 动态CSS与PHP - Wordpress &视觉编辑器按钮
- 简单的方式来改变输入字段的视觉顺序动态(不改变表单HTML)
- JS文本编辑器控件,具有灵活的动态视觉样式功能
- YUI3富文本编辑器:动态视觉样式