如何设置jquery最小富文本编辑器插件的行大小

zujrkrfu  于 2023-02-18  发布在  jQuery
关注(0)|答案(2)|浏览(113)

我正在尝试定制一个jquery-based rich text editor。我希望在一个页面上有两个,一个高5行,另一个高10行。有定制参数的“说明”,但我不知道如何实现这些说明。例如,我尝试过如下放置属性和值对:但它只是完全破坏了控件。(屏幕上显示的只是CSS指定的文本区域控件,没有富文本编辑功能。)

$(document).ready(function() {  
        $("#fullDescription").richText({
            height:5
        });
    });

我也尝试了height:100px,得到了同样的结果。如果.richText()上的圆括号为空,富文本编辑器 * 就 * 工作了。但是控件的大小不能改变,而且据我所知,作为客户端,我可以无限期地添加行(滚动条可以适应),而不是让控件限制CSS rows值的行数。
对照品的CSS如下所示(使用bootstrap和thymeleaf):

<textarea class="form-control" th:field="*{fullDescription}" 
            rows="5" required>
</textarea>

有没有想过如何实现文本区域高度的自定义?

neekobn8

neekobn81#

我有一个答案要分享,是codejava.net的Nam Ha Minh提供给我的。
<textarea>标签中的Bootstrap类调用是干扰源。一旦它被移除,height属性工作正常。尽管,我应该提到,该值指示像素,所以应该指定一个大于5的值!
我还没有探究 any class标记的存在是否会导致干扰,这与Bootstrap无关。

f87krz0w

f87krz0w2#

在文件richtext.min.css中,“.richText .richText-editor”的高度为300 px,您可以更改最小高度:500 px和高度:适合内容。我试过了,它对我很有效。

相关问题