时间戳

首页 > 解决方案 > 如何设置 TinyMCE 边框半径？

javascript - 如何设置 TinyMCE 边框半径？

问题描述

我正在尝试为我在项目中使用的 TinyMCE 编辑器设置边框半径。我已经对此进行了几次研究，但似乎找不到有效的答案。我在这里发现了一个类似的问题，但它似乎不起作用......将边框半径添加到 TinyMCE textarea

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

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

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

提前感谢您对此的任何想法。

标签： javascriptjquerytinymce-4django-tinymce

解决方案

我终于弄明白了。我很挣扎，因为我指定了 menubar: false ...这阻止了正常的边框半径设置应用于我的视图。我最终在初始化中使用了这个设置......

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

然后我通过检查元素并通过 CSS 修改它们来通过 CSS 修改编辑器。这最终帮助我获得了我所追求的展示。

推荐阅读