我正在尝试定制一个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>
有没有想过如何实现文本区域高度的自定义?
2条答案
按热度按时间neekobn81#
我有一个答案要分享,是codejava.net的Nam Ha Minh提供给我的。
在
<textarea>
标签中的Bootstrap类调用是干扰源。一旦它被移除,height属性工作正常。尽管,我应该提到,该值指示像素,所以应该指定一个大于5的值!我还没有探究 any class标记的存在是否会导致干扰,这与Bootstrap无关。
f87krz0w2#
在文件richtext.min.css中,“.richText .richText-editor”的高度为300 px,您可以更改最小高度:500 px和高度:适合内容。我试过了,它对我很有效。