标签: tinymce

所以我试图有一个自定义文本区域，用户可以在其中执行粗体文本、添加 ul、链接标签等操作。对于所有这些，我在 WordPress 中使用wp_editor()函数，如下所示。

 $content = "";
 $editor_id = "e_id";
 $editor_settings = array(
                         'teeny' => true,
                         'editor_height' => 160,
                         'quicktags' => array( 'buttons' => 'strong,em,del,close' ),
                         'media_buttons' => false );

 wp_editor( $content, $editor_id ,$editor_settings ); 

因此，诸如添加链接、粗体文本等一切都可以正常工作。

我的问题是访问刚刚输入该字段的文本。我尝试使用 JQuery 访问文本，通过提醒 textarea/contenteditable 区域的值，如下所示...

  alert($("#e_id").val());

但每次结果始终是一个空字符串，而不是新输入的文本。

如何获取新输入的文本

我使用这个组件https://github.com/tinymce/tinymce-vue，我想将整个编辑器的高度设置为500 px.

<editor api-key="myapikey" :init="{plugins: 'wordcount,'"></editor>

我正在尝试使用从数组派生的选项在 TinyMCE 中创建工具栏按钮。我已按照 Tiny 网站上的示例进行操作，按钮已按预期生成。这是代码：

var mergeFields = {one: "first", two: "second", three: "third"};

tinymce.init({
selector: 'textarea',
menubar: false,
toolbar: 'mergefields',
setup: function (editor) {
    editor.ui.registry.addMenuButton('mergefields', {
        text: 'Merge Fields',
        fetch: function (callback) {
            var items = [];
            for (var fieldName in mergeFields) {
                var menuItem = {
                    type: 'menuitem',
                    text: mergeFields[fieldName],
                    onAction: function() {
                        // The problem: this function always inserts the last element of the array
                        // instead of the expected fieldName associated with this menuItem
                        editor.insertContent(fieldName);
                    }, …

我正在将tinyMCE 与我的reactjs 应用程序一起使用。onChange 事件将触发一次，正确反映警报中的输入数据。然后我什么也得不到。

这是相关代码：

<Editor init={{
    statusbar: false,
    menubar: false,
    }}
    onChange={this.SetText}
 />

onChange 方法：

SetText(e) {
    alert(e.target.getContent());
}

我创建了一些自定义样式格式，将类添加到块级元素。问题是，当我应用一种样式时，它会保留旧类并添加新类。

切换到另一种格式时如何删除旧类？

mce_options_article = {
        // ...
        formats: {
          p_grey: { selector: 'p', classes: 'grey' },
          p_red: { selector: 'p', classes: 'red' } 
        },
        style_formats: [
          {title: 'Paragraph Color', items: [
            {title: 'Grey ', format:'p_grey'},
            {title: 'Red ', format:'p_red'},
           ]},
        ]
        // ...
    }

我在 makemigrations 时收到以下错误消息。有人可以建议一下吗。

from tinymce import HTMLField
ImportError: 无法从 'tinymce' 导入名称 'HTMLField' (F:\Blog\bootstrap-blog-1-2-1\distribution\env\lib\site-packages\tinymce__init__.py)]

我有一个带有tinymce编辑器的Angular 8项目。它在本地工作，但在某些时候工具栏图标在使用 CI/CD 管道部署的生产中消失了。

我得到 404 /tinymce/icons/default/icons.min.js。

icon.min.js 到底是什么？

我的 angular.json 资产如下所示：

{
                "glob": "**/*",
                "input": "node_modules/tinymce/skins",
                "output": "/tinymce/skins/"
              },
              {
                "glob": "**/*",
                "input": "node_modules/tinymce/themes",
                "output": "/tinymce/themes/"
              },
              {
                "glob": "**/*",
                "input": "node_modules/tinymce/plugins",
                "output": "/tinymce/plugins/"
              }

希望你能够帮助我，
所以这是我的问题：
我想在 Bootstrap 5 模式中集成 TinyMCE 编辑器
但问题是在 TinyMCE 模式（例如链接模式）中，我无法编辑输入。这是我的代码：

    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.7.1/tinymce.min.js" integrity="sha512-RnlQJaTEHoOCt5dUTV0Oi0vOBMI9PjCU7m+VHoJ4xmhuUNcwnB5Iox1es+skLril1C3gHTLbeRepHs1RpSCLoQ==" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.7.1/plugins/link/plugin.min.js" integrity="sha512-itGgetRaXe7QX3rkrGYJyUR6heF0LMLMU97a5lpiVRlPESh0xbMkD+7L+ScFuiQf+Wg1PEeKmvmABXvMOUVuxw==" crossorigin="anonymous"></script>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
    <body>
        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
             Launch demo modal
        </button>
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <textarea></textarea>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="button" class="btn …

我正在将一个新的 TinyMCE 实例安装到文本区域中。我正在使用他们的 cdn 加载它，并注册了 API 代码，并在仪表板上注册了我的网站。它可以正常工作并正确加载tinyMCE，直到我尝试修改工具栏以添加选择选项。

更清楚地说，当我在没有配置的情况下加载时，我会看到一个包含各种标题、块等的“段落”下拉列表。但是，当我尝试加载示例或自定义自己的示例时，我看不到这些选项。

使用此配置：

tinymce.init({
    selector: '#content',
    plugins: 'fullscreen, link, image, table, code, lists, emoticons, advlist, charmap, searchreplace, codesample ',
        
    toolbar: [
      'undo redo | forecolor backcolor | formatting | align |  numlist bullist | blockquote | link | image | table | code | template | symbol | searchreplace ',
      'undo redo | sizeselect | styleselect | formatselect | fontselect | fontsizeselect | fullscreen '
    ],
    toolbar_groups: {
      formatting: {
        icon: 'bold',
        tooltip: 'Formatting', …

我正在使用tinymce编辑器来很好地了解textarea用户在哪里写一些评论.我想给他两个选项:一个是纯文本,另一个是富文本编辑器选项.当用户单击纯文本选项时,所有富文本选项都被删除,当用户单击富文本时,它将获得格式化文本的所有选项.我想在TinyMce编辑器中执行此操作.

有没有人知道如何实现它？我在过去的6天里搜索如何实现这个,但我没有得到任何解决方案.