Question

我有一个很大的editable表，可能还包含其他表，我需要为选定的文本添加标签，例如<strong>或简单文本。这是表格和按钮：

<table id="list">
  <tr id="row0"><th colspan="2">HEADER</th></tr>
  <tr id="row1"><td id="row1col1"  contenteditable="true" >Row 1, column 1 </td><td id="row1col2"  contenteditable="true" >Row 1, column 2</td></tr>
  <tr id="row2"><td id="row2col1"  contenteditable="true" >Row 2, column 1</td><td id="row2col2"  contenteditable="true" >Row 2, column 2</td></tr>
  <tr id="row3"><td id="row3col1"  contenteditable="true" >Row 3, column 1</td><td id="row3col2"  contenteditable="true" ><table> ///Some elements without ID/// </table></td></tr>
</table>
<input type="button" id="bestrong" value="Make Strong" />

我希望用户在选择添加标记#bestrong之前和之后突出显示文字并点击<strong>时，就像在richtextox中一样。

我是Javascript / JQuery的新手，我搜索了很多但可能我还没有必要的知识来了解如何做到这一点。我用这个检索选定的文本：

 var selTxt=document.getSelection().text;

最后一件事：我在网上看到的所有内容都使用id，class或地理CSS' selector来识别选定的文字位置，如果没有它们，也没有办法实现？

将标签和文本添加到用户选择的文本Javascript / JQuery中

0 个答案: