首页 > 解决方案 > TinyMCE - 2020 年 8 月的 Ben Long 文章对于 Inline 不再准确 - 现在应该怎么做?

问题描述

我正在尝试为 TinyMCE 内联,并在一年前看到了 Ben Long 撰写的关于“Tiny 的蓝图”的这篇文章。当您开始应用 QuickBars 时,它会中断/不起作用。他们只是没有出现。

谁能告诉我为什么不可以以及我应该在哪里放置 QuickBar 代码?

适用于任何应用程序的内联编辑器

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
<script>
tinymce.init({
  selector: "#mydiv",
  inline: true,
  quickbars_selection_toolbar:
    "styleselect | bold italic forecolor | removeformat",
  quickbars_insert_toolbar: false,
  menubar: false,
  toolbar: false,
});
</script>
  </head>
  <body>
    <div id="mydiv" style="margin: 50px">
      <h1>Hello!</h1>
      <p>Are you interested in a pair of...</p>
    <div>
  </body>
</html>

标签: htmltinymce

解决方案


感谢您对此进行测试,并修复了代码示例中的空白。我更新了博客以匹配代码示例: 在此处输入图像描述


推荐阅读