Javascript 如何在tinymce上设置输入样式_Javascript_Html_Tinymce_Tinymce 4

Javascript 如何在tinymce上设置输入样式

javascript html tinymce

Javascript 如何在tinymce上设置输入样式,javascript,html,tinymce,tinymce-4,Javascript,Html,Tinymce,Tinymce 4,我写信给Tinymce extension，extension的目的是允许用户对文本进行评论。当我单击“注释”按钮时，将打开我的输入。我试图改变的样式有宽度和更高，我可以，但它看起来不好。附上代码和图片插件js index.html <!DOCTYPE html> <html> <head> <script src="/js/tinymce/tinymce.js"></script> <script>tinym

我写信给Tinymce extension，extension的目的是允许用户对文本进行评论。当我单击“注释”按钮时，将打开我的输入。我试图改变的样式有宽度和更高，我可以，但它看起来不好。附上代码和图片

插件js

index.html

<!DOCTYPE html>
<html>
<head>
  <script src="/js/tinymce/tinymce.js"></script>
  <script>tinymce.init({ selector:'textarea', plugins: 'comments', toolbar: 'comments', content_css : '/js/tinymce/plugins/comments/styleComments.css' });</script>
</head>
<body>
  <textarea>Easy (and free!) You should check out our premium features.</textarea>
</body>
</html>


init（{选择器：'textarea'，插件：'comments'，工具栏：'comments'，content_css:'/js/tinymce/plugins/comments/styleComments.css'}）；
简单（免费！）您应该查看我们的高级功能。

它看起来不太好，除了高度和宽度，我怎样才能设计它呢

谢谢大家

请尝试以以下方式定义字段：

{
    type: 'container',
    label  : 'fit',
    layout: 'fit',
    minWidth: 160,
    minHeight: 160,
    items: [{
        type: 'textbox',
        label: 'textbox',
        value: 'Fit will take all the space available.'
    }]
}

。。。或者这样

{
    type   : 'textbox',
    name   : 'textbox multiline',
    label  : 'textbox multiline',
    multiline : true,
    value  : 'default value\non another line'
}

在您的身体中，尝试以下方式定义字段：

{
    type: 'container',
    label  : 'fit',
    layout: 'fit',
    minWidth: 160,
    minHeight: 160,
    items: [{
        type: 'textbox',
        label: 'textbox',
        value: 'Fit will take all the space available.'
    }]
}

。。。或者这样

{
    type   : 'textbox',
    name   : 'textbox multiline',
    label  : 'textbox multiline',
    multiline : true,
    value  : 'default value\non another line'
}

你试过这个吗