0

我很高兴成为areatext编辑。

 <select id="greetings" name="greetings">
      <option value="" selected>Select one </option>
      <option value="1" onClick="addGreeting('text1'); return false;">text1</option>
      <option value="2" onClick="addGreeting('text2'); return false;">text2</option>
      <option value="3" onClick="addGreeting('text3'); return false;">text3</option>
    </select>
<textarea name="message" id="message" cols="50" rows="8" ></textarea>

因此，当用户选择选项时，它将自动插入到 textarea。

这里是javascript代码

 bkLib.onDomLoaded(nicEditors.allTextAreas);

   function addGreeting(text) {
text = ' ' + text + ' ';
if (document.sc_form.message.createTextRange && document.sc_form.message.caretPos) {
    var caretPos = document.sc_form.message.caretPos;
    caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
    document.sc_form.message.focus();
} else {
document.sc_form.message.value  += text;
document.sc_form.message.focus();
}
  }

没有 niceeditor 的 OBS一切正常，选择的选项将直接插入。但不是只有在我刷新页面时才插入。

我希望在不刷新的情况下插入文本。

如果有人对脚本的顺序感兴趣，这是我的顺序

<script src="submit.js" language="JavaScript" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
 <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/redmond/jquery-ui.css" rel="stylesheet" type="text/css"/>
 <script type="text/javascript" src="include/nicEdit-latest.js"></script>

还有什么让我知道，我将其插入，感谢您花时间处理我的代码。

编辑：

这是我的DEMO JSFIDDLE //这不适用于编辑器插件。

这个DEMO JSFIDDLE // 这在没有插件的情况下工作

- 我认为问题在于bkLib.onDomLoaded为什么可能在页面加载（刷新）之后插入文本，关于如何替换它的任何建议？

4

1 回答 1

0

nicedit没有问题

nicedit 因为 100% 的所见即所得在实例化时修改 dom，隐藏您的 textarea 或任何要编辑的 html 元素

  • 你要么学习nicedit API，要么创建一个自定义按钮/下拉菜单来附加你的文本

  • 要么在更改事件（）时销毁实例.removeInstance()，将文本附加到可编辑然后重新实例化编辑器

干净的解决方案是第一个，懒惰的解决方案是第二个

于 2013-02-07T05:18:48.410 回答