javascript - 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 option到更高的值(value)。