如何設置TinyMCE邊界半徑？

Question

我正在嘗試為我的項目中使用的TinyMCE編輯器設置邊界半徑。 我已經研究了幾次，似乎找不到有效的答案。 我在這里找到了類似的問題，但似乎不起作用... 向TinyMCE textarea添加邊框半徑

在我的代碼中，我有一個TinyMCE目錄，其中包含一個自定義JS文件，它使用的參數與我期望的一樣……類似於...

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，從而通過CSS修改了編輯器。 最終，這就是幫助我獲得想要的展示的原因。