Javascript 将HTML内容导入TinyMCE编辑器

Javascript 将HTML内容导入TinyMCE编辑器,javascript,laravel,tinymce,Javascript,Laravel,Tinymce,我正在使用TinyMCE编辑器。虽然我在网站上查看了Stackoverflow中的所有主题,但我无法用“setContent”显示我的HTML内容。我的内容包含为HTML,但它似乎是纯文本 脚本代码如下: <script type="text/javascript"> tinymce.init({ setup: function (editor) { editor.on('init change', function () {

我正在使用TinyMCE编辑器。虽然我在网站上查看了Stackoverflow中的所有主题,但我无法用“setContent”显示我的HTML内容。我的内容包含为HTML,但它似乎是纯文本

脚本代码如下:

<script type="text/javascript">
    tinymce.init({
        setup: function (editor) {
            editor.on('init change', function () {
                editor.setContent('{{ @$post->body }}');
                editor.save();
            });
        },
        height: 400,
        branding: false,
        selector: '#sy-editor',
        element_format : 'html',
        plugins: 'print preview paste importcss searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link media template codesample table charmap pagebreak nonbreaking anchor toc insertdatetime advlist lists wordcount imagetools textpattern noneditable help charmap emoticons',

        menubar: "",
        toolbar: 'image media link | formatselect | bold italic underline | forecolor | alignleft aligncenter alignright | bullist numlist | table charmap emoticons | fullscreen',
        save_enablewhendirty: true,
        save_onsavecallback: function () {
            var body = tinymce.activeEditor.getContent();
        },
        automatic_uploads: true,
        image_title: true,
        images_upload_url: '{{ route('news.image.upload') }}',
        file_picker_types: 'image',
        file_picker_callback: function (cb, value, meta) {
            var input = document.createElement('input');

            input.setAttribute('type', 'file');
            input.setAttribute('accept', 'image/*');

            input.onchange = function () {
                var file = this.files[0];
                var reader = new FileReader();

                reader.readAsDataURL(file);

                reader.onload = function () {
                    var blobCache = tinymce.activeEditor.editorUpload.blobCache;
                    var base64 = reader.result.split(',')[1];
                    var blobInfo = blobCache.create(file.name, file, base64);

                    blobCache.add(blobInfo);
                    cb(blobInfo.blobUri(), {title: file.name});
                };
            };
            input.click();
        },
        language_url : '{{ asset('scripts/tinymc-lang-tr_TR.js') }}',
        language: 'tr_TR',
        content_css: [
            '{{ asset('styles/panel.css') }}'
        ],
    });
</script>

tinymce.init({
设置:函数(编辑器){
on('init change',function(){
setContent(“{{@$post->body}”);
editor.save();
});
},
身高:400,
品牌:错,
选择器:“#sy editor”,
元素_格式:“html”,
插件:“打印预览粘贴导入SCS搜索替换自动链接自动保存保存方向性代码可视块可视卡片全屏图像链接媒体模板代码示例表charmap页面中断非中断锚定toc insertdatetime advlist列出字数图像工具textpattern非编辑帮助charmap表情”,
菜单栏:“”,
工具栏:“图像媒体链接|格式选择|粗体斜体下划线|前景色|左对齐居中对齐右对齐|布利斯特数字列表|表格字符地图表情|全屏”,
保存启用当属性:true时,
save_onsavecallback:函数(){
var body=tinymce.activeEditor.getContent();
},
自动上传:正确,
图片标题:正确,
图片上传网址:{{route('news.image.upload')}}},
文件\u选择器\u类型:“图像”,
文件选择器回调:函数(cb、值、元){
var input=document.createElement('input');
input.setAttribute('type','file');
setAttribute('accept','image/*');
input.onchange=函数(){
var file=this.files[0];
var reader=new FileReader();
reader.readAsDataURL(文件);
reader.onload=函数(){
var blobCache=tinymce.activeEditor.editorUpload.blobCache;
var base64=reader.result.split(',')[1];
var blobInfo=blobCache.create(file.name,file,base64);
blobCache.add(blobInfo);
cb(blobInfo.blobUri(),{title:file.name});
};
};
输入。单击();
},
语言:{{asset('scripts/tinymc-lang-tr_tr.js')}},
语言:“tr_tr”,
内容(css):[
“{asset('styles/panel.css')}”
],
});

如果您需要在Larvel blade中输入一些HTML(您添加了一个laravel标记,因此我假设您在这里使用laravel blade),您可以这样做:

  <textarea id="sy-editor">
      {{ $post->body }}
  </textarea>

{{$post->body}

很抱歉,您不需要在javascript中初始化内容。我不知道我想用这个做什么,所以我可以写更多的细节吗?我正在使用TinyMCE编辑器,我想用“setContent”作为HTML显示我将从数据库中提取的数据。这里可能有类似的问题?我不想导出。我想导入它。这样,内容就不会出现在TinyMCE编辑器中。哦,我明白了-你可能永远不会在tiny MCE编辑器中看到html标记,但它是存在的;)选中菜单视图->源代码