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

Posted 2023-03-05

【中文标题】如何设置一个jquery最小富文本编辑器插件的行大小

【英文标题】：How to set the row size of a jquery minimal rich text editor plugin

【发布时间】：2021-12-27 09:28:53

【问题描述】：

我正在尝试自定义 jquery-based rich text editor。 我想在一页上有两个，一个高度为 5 行，另一个高度为 10 行。有自定义参数的“说明”，但我不知道如何实现这些说明。例如，我尝试如下放置属性和值对，但它完全破坏了控件。 （屏幕上显示的只是 CSS 指定的 textarea 控件，没有富文本编辑功能。）

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

我也尝试了height:100px，结果相同。 如果.richText() 上的括号为空，富文本编辑器确实 工作。但是控件的大小无法更改，据我所知，作为客户端，我可以无限期地添加行（滚动条会启动以适应），而不是让控件限制 CSS @987654325 的行数@值。

控件的CSS如下（利用bootstrap和thymeleaf）：

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

关于如何完成自定义文本区域高度的任何想法？

【参考方案1】：

我有一个答案要分享，由 codejava.net 的 Nam Ha Minh 提供给我。

<textarea> 标记中的 Bootstrap 类调用是干扰源。一旦它被删除，高度属性就可以正常工作。不过，我应该提一下，该值表示像素，因此应指定大于 5 的值！

我还没有研究过 any 类标签的存在是否会造成干扰，这与 Bootstrap 无关。