0

我正在遵循他们在 Github 中的指南，了解如何根据您放置的 textarea ID 或类来获取 wysihtml5 实例。这个 JSFiddle 显示了我遇到的错误：

http://jsfiddle.net/ez3ajvaf/2/

这是我的 HTML：

<span class="footer-btn quote" rel=".text-editor" data-text="body-1"><span class="icon"><i class="fa fa-quote-left"></i></span> Quote</span>

<textarea name="body" class="text-editor text-countdown" placeholder="Please allow up to 2,000 characters" maxlength="2000" data-rel="countdown" id="body" required></textarea>

<div class="countdown-wrapper">
    <span id="countdown" class="countdown"></span>
</div>

这是我的 Javascript：

$('.text-editor').wysihtml5({
    toolbar: {
        "font-styles": true, //Font styling, e.g. h1, h2, etc. Default true
        "emphasis": true, //Italics, bold, etc. Default true
        "lists": true, //(Un)ordered lists, e.g. Bullets, Numbers. Default true
        "html": false, //Button which allows you to edit the generated HTML. Default false
        "link": true, //Button to insert a link. Default true
        "image": true, //Button to insert an image. Default true,
        "color": false, //Button to change color of font  
        "blockquote": true, //Blockquote
    }
});

 $('.quote').on('click', function() {

     console.log('clicked');

     var textarea = $(this).attr('rel');

     console.log($(textarea).data("wysihtml5").editor);

     $(textarea).data("wysihtml5").editor.html('hello');

 });

我收到的错误是

未捕获的类型错误：无法读取未定义的属性“html”

在他们的 github https://github.com/bootstrap-wysiwyg/bootstrap3-wysiwyg下，如果您向下滚动到“您可以像这样访问 wysihtml5 编辑器对象：”，它会根据他们启动 wysihtml5 的 textarea ID 显示此确切代码. 我的文本编辑器加载正常，效果很好，但我似乎无法获取实例。data-wysihtml5当我启动代码开始时，似乎没有作为属性添加。

我试图在您单击“引用”时将帖子（我可以稍后添加以获取该上下文）引用到文本编辑器中。感谢您的任何帮助或指导！

4

2 回答 2

0

我在更新 wysihtml5 编辑器时遇到了同样的问题，并通过以下方式解决了它：

$('.wysihtml5-sandbox').contents().find('body').html('<b>New text</a>');

我知道，这不是最好的解决方案，但只有这对我有用。如果您有更好的解决方案，请告诉我。

于 2016-01-18T21:01:14.517 回答
0

小提琴不再起作用，可能是一些依赖问题。问题可能在于 textarea 的内容如何，​​或者缺少依赖项，谁知道呢。

无论如何，这有效：

$('.textarea').data('wysihtml5').editor

见：http: //jsfiddle.net/estani/pfm2bx6j/1/

于 2019-10-30T09:26:53.387 回答