如何设置TinyMCE边界半径？

Question

我正在尝试为我的项目中使用的TinyMCE编辑器设置边界半径。我已经研究了几次，似乎找不到有效的答案。我在这里找到了类似的问题，但是似乎无法正常工作... Adding border-radius to TinyMCE textarea

在我的代码中，我有一个包含Custom JS文件的TinyMCE目录，并且它使用的参数与我期望的一样……类似于...

tinymce.init({
  selector: 'textarea.tinymce',
  height: 300,
  width: '80%',
});

但是我不知道如何合并边框半径，以使整个编辑器具有圆角。我试图在编辑器周围设置CSS，但这似乎也不起作用。我对边界半径有很好的了解，但是由于某些原因，TinyMCE似乎需要某种特殊的技巧才能使其正常工作。

预先感谢您对此的任何思考。

Answer 1

编辑器的外观是通过外观管理的，因此，如果要更改外观，则需要查看浅灰色（默认）外观的CSS文件。

我要指出，编辑器设计的某些方面不能圆角处理（例如，状态栏右下方的resize元素）。

Answer 2

我终于明白了。我一直在努力，因为我已经指定了菜单栏：false ...这阻止了正常的边框半径设置被应用到我的视图中。我最终在init中使用了此设置...

setup:function(ed) {        
    ed.on('init', function() {
        ed.getContainer().className += ' with-border';
    });
}

然后我通过检查元素并通过CSS修改它们，通过CSS修改了编辑器。最终，这就是帮助我获得想要的显示的原因。