Froala 编辑器图像编辑选项现在显示

Question

我使用 Froala edit 作为富文本编辑器，

 $(notesSelector).on('froalaEditor.initialized', function (e, editor) {
    //set original html after loading
    froalaInitialHtml = $(notesSelector).froalaEditor('html.get');
});

$(notesSelector).froalaEditor({
  key: 'XXXXXXXXXX',
  toolbarButtons: ['bold', 'italic', 'underline', 'strikeThrough', 'subscript', 'superscript', 'fontFamily', 'fontSize', '|', 'color', 'emoticons', 'inlineStyle', 'paragraphStyle', '|', 'paragraphFormat', 'align', 'formatOL', 'formatUL', 'outdent', 'indent', 'quote', 'insertHR', '-', 'insertLink', 'insertImage', 'insertVideo', 'insertFile', 'insertTable', 'undo', 'redo', 'clearFormatting', 'selectAll', 'html'],

  toolbarButtonsXS: ['undo', 'redo' , '-', 'bold', 'italic', 'underline','insertImage'],
  imageEditButtons:['imageInfo', 'imageAlign' ],
  toolbarSticky: true, });` 

我是期待图像上下文菜单，但选择图像时不会出现

Answer 1

图像弹出窗口未显示的可能原因有 2 个：

1. 您不包括图像插件。确保包含plugins/image.min.js文件和plugins/image.min.css文件。
2. 页面上还有其他元素具有更高的zIndex. 当您在模态中使用编辑器时，很可能会发生这种情况。要克服它，请将编辑器zIndex 选项设置为更高的值。