自定义下拉菜单在 Reactjs 应用程序中不起作用 Froala-editor答案

【问题标题】：Custom drop down not working Froala-editor in Reactjs Application自定义下拉菜单在 Reactjs 应用程序中不起作用 Froala-editor
【发布时间】：2022-08-15 22:38:13
【问题描述】：

当尝试使用自定义下拉菜单实现编辑器时，它不适用于我的反应应用程序编辑器将与其他选项一起正常显示，但下拉菜单未出现如果我跳过，请检查我的代码并建议我

html

 <div class=\"col-lg-12 boxsinput_group\">
              <div class=\"row\">
                <label class=\"col-lg-2 view-lable-meet\">Editor Text</label>
                <div class=\"col-lg-10\">
                  <FroalaEditor id=\"dataeditor\" config={config} onModelChange={handleModelChange} model={editor.data} />
                </div>
              </div>
            </div>

脚本

    let config = {
    placeholderText: \'Edit Your Content Here!..\',
    charCounterCount: false,
    // pluginsEnabled: [\'bold\',\'italic\',\'underline\',\'createLink\'],
     
    my_dropdown: {
      title: \'Advanced options\',
      type: \'dropdown\',
      focus: false,
      undo: false,
      // Dropdown Title
      //refreshAfterCallback: true,

      options: {
        \'v1\': \'React\',
        \'v2\': \'Node\'
      },
      callback: function (cmd, val) {
        console.log(val);
      },
      // Callback on refresh.
      refresh: function ($btn) {
        console.log(\'do refresh\');
      },
      // Callback on dropdown show.
      refreshOnShow: function ($btn, $dropdown) {
        console.log(\'do refresh when show\');
      }
    },

    toolbarButtons: [\'bold\', \'italic\', \'underline\', \'my_dropdown\',\'insertLink\', \'insertImage\', \'html\'],
  }

Editor output image 谢谢。

标签： reactjs react-native frontend froala

【解决方案1】：

我收到了来自 froala 编辑器支持的回复 https://codesandbox.io/s/boring-thunder-5nz9df?file=/src/index.js

【讨论】：