3

我正在使用最新 (0.3.0) 版本的 WSYIHTML5 作为留言板。该板的功能之一是报价发布选项。我一直在试图弄清楚如何将引号附加到文本区域。

我有以下 jQuery 作为测试

$('.quote').click(function(){
  $('textarea').append('test this');
  alert($('textarea').text());
});

警报显示文本已附加到隐藏的文本区域，但它不会在 WYSIHTML5 视图的 iframe 中更新。

奇怪的是，如果我在初始化 WYSIHTML5 后直接附加文本，它会很好地附加。

关于让它发挥作用的任何想法？

4

3 回答 3

12

所以为了更新 iframe 并让它用 HTML 格式化任何文本，我做了以下..

var value = editor.getValue();
var text = '<b>some text</b>;'
editor.setValue(value + text, true);

这是假设 WYSIHTML5 在变量“编辑器”下实例化。它会附加引号，并正确格式化文本。布尔值是如果您希望该值通过 WYSIHTML5 解析器规则运行。

如果有人知道更好的方法，我会全力以赴。

于 2012-11-02T02:43:33.420 回答
1 
$('iframe').contents().find('.wysihtml5-editor').html('your new content  here');
于 2016-08-20T17:15:35.623 回答
0

对于 bootstrap-wysihtml5 使用以下函数：

<script>

  $(function () {
    // Replace the <textarea id="editor1"> with a CKEditor
    // instance, using default configuration.
  //  CKEDITOR.replace('editor1');
    //bootstrap WYSIHTML5 - text editor
    $(".textarea").wysihtml5();

  });



function injectString(str){
   var sel=frames[0].getSelection();
   var nd=sel.anchorNode;
   var txt=nd.data+'';
   var pos=sel.anchorOffset||0;
   sel.anchorNode.data=txt.slice(0,pos)+str+txt.slice(pos);
 }</script>

像这样使用

<button id="name" data-wysihtml5-command="foreFrac" onclick="injectString('{name}')" type="button" class="btn btn-block btn-success btn-lg">Name </button>
于 2016-10-19T04:18:46.150 回答