javascript - ngWYSIWYG - Angular 真正的富文本编辑器无法在 bpopup 内进行编辑

Question

我在 bpopup 中使用 ngWYSIWYG - Angular 真正的富文本编辑器http://psergus.github.io/ngWYSIWYG/但它无法编辑

 $scope.editorConfig = {
    sanitize: false,
    toolbar: [
        { name: 'basicStyling', items: ['bold', 'italic', 'underline', 'strikethrough', 'subscript', 'superscript', '-', 'leftAlign', 'centerAlign', 'rightAlign', 'blockJustify', '-'] },
        { name: 'paragraph', items: ['orderedList', 'unorderedList', 'outdent', 'indent', '-'] },
        { name: 'doers', items: ['removeFormatting', 'undo', 'redo', '-'] },
        { name: 'colors', items: ['fontColor', 'backgroundColor', '-'] },
        { name: 'links', items: ['image', 'hr', 'symbols', 'link', 'unlink', '-'] },
        { name: 'tools', items: ['print', '-'] },
        { name: 'styling', items: ['font', 'size', 'format'] },
    ]
};
 <wysiwyg-edit content="your_variable"  config="editorConfig"></wysiwyg-edit>

Answer 1

我有同样的问题。我知道这并不理想，但这是我解决它的方法：

• 如果您使用的是 CDN，请使用 bower 将 ngWYSIWYG 拉入您的项目
• 编辑 dist/wysiwyg.min.js
  • Ctrl + F 用于：

{name:"basicStyling",items:["bold","italic","underline""

• 这是工具栏选项的开始，所以你可以随意编辑它们！

希望我知道更好的解决方法，但这对我有用。