Jquery 使用ajax将值设置为textareatinymce

我有这些使用ajax从数据库获取数据的代码。到目前为止，如果输入不连续，如正常文本区域、输入或下拉列表，数据可以显示为模态

js

<script> 
    jQuery(document).ready(function() {
        if ($("#info").length > 0) {
            tinymce.init({
                selector: "textarea#info",
                theme: "modern",
                height: 300,
                plugins: [
                    "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
                    "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
                    "save table contextmenu directionality emoticons template paste textcolor"
                ],
                toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | l      ink image | print preview media fullpage | forecolor backcolor emoticons",
            });
        }
    });  

    var get_value = "2";
    $.ajax({
        url: '/getData' ,
        type: "GET",
        dataType: "json",
        data: {"get_value": get_value},
        success: function(data)
        {  
            var ar          = data;    
            var content     = ""; 

            for (var i = 0; i < ar.length; i++) 
            { 
                content        = ar[i]['content'];  
            }    

            // temp 1
            $('#info').val(content);

            // temp 2
            $('#info').tinyMCE.activeEditor.setContent(content);

            // temp 3
            tinymce.get('#info').setContent(content);

            // temp 4
            $.getInstanceById("info", tinyMCE.activeEditor.setContent);

            // temp 5
            tinyMCE.getInstanceById('info').setContent(content);

            $('#modal_info').modal({
                show: true
            });  

        },
        error: function(error){
            console.log("Error:");
            console.log(error);
        }
    });  
</script>

jQuery（文档）.ready（函数（）{
如果（$（“#信息”）.length>0）{
tinymce.init({
选择器：“文本区域#信息”，
主题：“现代”，
身高：300，
插件：[
“advlist autolink图像列表charmap打印预览hr锚定页面中断拼写检查器”，
“searchreplace wordcount visualblocks visualchars代码全屏插入日期时间媒体非中断”，
“保存表格上下文菜单方向性表情模板粘贴文本颜色”
],
工具栏：“插入文件撤消重做|样式选择|粗体斜体|对齐左对齐居中对齐右对齐对齐对齐|粗体numlist outdent缩进| l墨水图像|打印预览媒体全页|前景色背景色表情”，
});
}
});  
var get_value=“2”；
$.ajax({
url:“/getData”，
键入：“获取”，
数据类型：“json”，
数据：{“获取值”：获取值}，
成功：功能（数据）
{  
var=数据；
var-content=“”；
对于（变量i=0；i

但是，无法将值发送到modal内的my TinyMCE textarea。没有一个选择适合我。这是我的blade.php代码

blade.php

<div id="modal_info" class="modal fade bs-example-modal-lg" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myLargeModalLabel">Info</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            </div>
            <div class="modal-body"> 

                <div class="col-md-12">
                    <div class="form-group row">
                        <textarea id="info" name="info" class="form-control info"></textarea>
                    </div>
                </div> 

            </div>
        </div>  
    </div> 
</div> 

信息
×

我错过了什么？如何将值发送到tinyMCE textarea

---

如果有人能帮忙，我将不胜感激。谢谢。

您可以使用以下工具

tinymce.activeEditor.setContent("your string goes here....");

开头没有

$（'#info'）

编辑

对于最新的TinyMCE版本，您需要使用以下代码：

tinymce.get('info').setContent("your string goes here 2...."); 

检查工作

…是在TinyMCE 5.x中设置内容的正确方法

在您发布的代码中，您有时似乎同时使用了

tinymce

（正确）和

tinymce

（不正确）

---

预计到达时间：上述信息不正确，

tinymce

和

tinymce

均有效。很抱歉。

您的问题实际上是两个独立的主题，您需要协调以获得所需的结果

---

我如何知道何时可以使用TinyMCE API？ 首次加载TinyMCE时，使用

TinyMCE.init（{}）

初始化编辑器。这是一个异步操作，需要一些时间。在

init

过程完成之前，您不能使用任何TinyMCE API与编辑器交互以执行加载内容等操作

jQuery

document.ready

事件似乎触发了

init

。另外，您似乎进行了一个ajax调用，以从服务器获取一些数据。如果该ajax调用在TinyMCE初始化之前完成，那么在TinyMCE上调用

setContent（）

的尝试将失败，因为在初始化完成之前没有可交互的编辑器

将内容加载到编辑器中的最佳方法是使用编辑器自己的“init”回调并将代码放在其中。例如：

tinymce.init({
    selector: "textarea",
    plugins: [
        "lists link image anchor code media table contextmenu paste"
    ],
    toolbar: "undo redo | bold italic | link image",
    setup: function (editor) {
        editor.on('init', function () {
             editor.setContent('<p>The init function knows on which editor its called - this is for ' + editor.id + '</p>');
        });
    } 
}); 

。。。在JavaScript中，类似这样的内容

tinymce.get('editor2').setContent('...content here...');

如果页面上只有一个编辑器，也可以使用

tinymce.activeEditor.setContent('...content here...');

…因为只有一个可能的“活动”编辑器。我建议使用

get（）

方法，因为它基于底层

textarea

的id显式地以编辑器实例为目标

注意，这些都不需要/需要/使用任何jQuery方法或语法。TinyMCE的任何API都不依赖于jQuery

tinymce.get('editor2').setContent('...content here...');

tinymce.activeEditor.setContent('...content here...');