首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在“javascript,$(document).ready...”中设置tinymce,我的解决方案不起作用

在“javascript,$(document).ready...”中设置tinymce,我的解决方案不起作用
EN

Stack Overflow用户
提问于 2018-08-02 17:52:28
回答 1查看 175关注 0票数 -2

我用javascript做了一个功能,每次我点击按钮"add one more“按钮,html页面就会添加另一组html元素,我需要包括tinymce文本区,但我无法做到这一点。

这是我的代码的一部分,

代码语言:javascript
复制
<script>
$(document).ready(function (e) {
var html = '<textarea class="tinymce" name="CCV_product_full_description[]" id="childccv-product-full-description" />'; 
...

我在另一个js文件中定义了tinymce,并将其包含在此html文件中,但它不能正常工作,我需要一些帮助:)

在另一个js文件中

代码语言:javascript
复制
tinymce.init({
selector:"textarea.tinymce"
});

下面是添加另一组html元素的函数

代码语言:javascript
复制
$("#add").click(function (e) {
        $("#container").append(html);

    });
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-08-03 05:58:19

看起来您正试图在尚不存在的DOM元素上初始化编辑器。

此外,如果您尝试动态添加多个TinyMCE实例,则需要先删除TinyMCE,然后才能再次调用它。

代码语言:javascript
复制
$("#add").on('click', function (e) {
    e.preventDefault()
    $("#container").append(html);
    tinymce.remove()
    tinymce.init({
    selector:".yourSelectorName"
    });
  });
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51650593

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档