Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/425.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery作为简单编辑器获取所选文本、替换文本等_Javascript_Jquery_Html - Fatal编程技术网

Javascript 使用jQuery作为简单编辑器获取所选文本、替换文本等

Javascript 使用jQuery作为简单编辑器获取所选文本、替换文本等,javascript,jquery,html,Javascript,Jquery,Html,我正在使用jQuery创建一个小的HTML编辑器。我已经为以下内容创建了自己的按钮图标: 大胆的 斜体字 下划线 插入超链接 插入图像 无序列表 有序列表 但我不知道如何让它工作。我的想法是: 粗体:当用户单击此按钮时,编辑器框()中的选定文本应替换为。选定的\u文本。否则,请在光标位置插入 斜体:当用户单击此按钮时,编辑器框()中的选定文本应替换为。选定的\u文本。否则,请在光标位置插入 与上面的下划线相同 等等 所以我的问题是,如何从TEXTAREA获取所选文本,以及如何用标记替换它

我正在使用jQuery创建一个小的HTML编辑器。我已经为以下内容创建了自己的按钮图标:

  • 大胆的
  • 斜体字
  • 下划线
  • 插入超链接
  • 插入图像
  • 无序列表
  • 有序列表
但我不知道如何让它工作。我的想法是:

  • 粗体:当用户单击此按钮时,编辑器框()中的选定文本应替换为
    。选定的\u文本。否则,请在光标位置插入

  • 斜体:当用户单击此按钮时,编辑器框()中的选定文本应替换为
    。选定的\u文本。否则,请在光标位置插入

  • 与上面的下划线相同

  • 等等

所以我的问题是,如何从TEXTAREA获取所选文本,以及如何用标记替换它?还有,如何在光标位置(即闪烁线)插入文本


这与Stackoverflow编辑器中的按钮相同,当您发布一些问题时。(例如,当您选择了文本而未选择文本时,请尝试单击Stackoverflow编辑器中的粗体按钮)

I强烈建议使用JavaScript库,该库可在处理范围和选择时平滑跨浏览器差异:

跨浏览器JavaScript范围和选择库。它提供了一个简单的基于标准的API,用于在所有主要浏览器中执行常见的DOM范围和选择任务,抽象出Internet Explorer和兼容DOM的浏览器之间此功能的不同实现

有关在
元素中操作选择的信息,请参见Rangy的同名和苗条双胞胎项目


如何从TEXTAREA获取所选文本,以及如何将其替换为标记


查看(和)。

我有一个与此相关的问题:在
onMouseDown
事件中调用javascript函数的正确方式(跨浏览器兼容)是什么?这是正确的方法吗?但它确实有效,我想知道正确的方法,因为我现在正在努力学习。