javascript - ngWYSIWYG - Angular 真实富文本编辑器无法在 bpopup 内编辑

Question

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

 $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""

• 这是工具栏选项的开始，因此您可以随意编辑它们!

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