Laravel 在TinyMCE init上设置默认HTML

我只想将传递的HTML代码从数据库插入TinyMCE textarea

var editor_config = {
  path_absolute : "/",
  height: 600,
  plugins: "directionality",
  directionality :"rtl",
  selector: "textarea.my-editor",
};


tinymce.init(editor_config);

---

控制器需要从数据库返回数据，因此控制器方法如下所示：

public function show() {
    $name = "Jon Doe";

    // user.index => resources/views/user/index.blade.php
    return view('user.index', compact('name'));
}

{{ $name }}

tinymce.init({
  selector: "textarea",
  plugins: ["advlist autolink lists ..."],
  toolbar: "undo redo | bullist numlist ...",
  setup: function (editor) {
    editor.on('init', function (e) {
      //this gets executed AFTER TinyMCE is fully initialized
      editor.setContent('<p>This is content set via the init function</p>');
    });
  }
});

在本例中，它将$name变量传递给user/index.blade.php视图

您可以如下方式访问blade中的变量：

public function show() {
    $name = "Jon Doe";

    // user.index => resources/views/user/index.blade.php
    return view('user.index', compact('name'));
}

{{ $name }}

tinymce.init({
  selector: "textarea",
  plugins: ["advlist autolink lists ..."],
  toolbar: "undo redo | bullist numlist ...",
  setup: function (editor) {
    editor.on('init', function (e) {
      //this gets executed AFTER TinyMCE is fully initialized
      editor.setContent('<p>This is content set via the init function</p>');
    });
  }
});

如果您在js中需要它，您可以这样做：

<script>
    var name = JSON.parse("{{ json_encode($name) }}");
</script>

---

将数据加载到TinyMCE的关键是

在调用init之前，将HTML预加载到文本区域 等待编辑器本身完全初始化，然后使用init事件通过setcontentapi加载您喜欢的任何数据 如果要执行第二步，它将如下所示：

public function show() {
    $name = "Jon Doe";

    // user.index => resources/views/user/index.blade.php
    return view('user.index', compact('name'));
}

{{ $name }}

tinymce.init({
  selector: "textarea",
  plugins: ["advlist autolink lists ..."],
  toolbar: "undo redo | bullist numlist ...",
  setup: function (editor) {
    editor.on('init', function (e) {
      //this gets executed AFTER TinyMCE is fully initialized
      editor.setContent('<p>This is content set via the init function</p>');
    });
  }
});

---

本例加载硬编码数据，但您通过JavaScript在浏览器中获得的任何数据都可以加载到编辑器中。

您的问题通常不清楚，事实上您甚至不提问。请更新好的问题，以及。