如何修改富文本控件的高度
把控件类型为 富文本
的控件参数设置为 height:300
,则会生成一个 300 高度的 tinymce
tinymce.init({
selector: 'textarea', // change this value according to your HTML
height: 300
});
你也可以将其他的 tinymce
设置添加进这个控件参数当中,查看 tinymce
设置
附上源代码解释
// src/plugin/admin/app/common/Layui.php
/**
* 富文本
* @param $options
* @return void
*/
public function richText($options)
{
[$label, $field, $value, $props, $verify_string, $required_string, $class] = $this->options($options);
$placeholder_string = !empty($props['placeholder']) ? ' placeholder="'.$props['placeholder'].'"' : '';
$disabled_string = !empty($props['disabled']) ? ' disabled' : '';
$id = $field;
$this->htmlContent .= <<<EOF
<div class="layui-form-item">
$label
<div class="$class">
<textarea id="$id" name="$field"$required_string$verify_string$placeholder_string$disabled_string class="layui-textarea">$value</textarea>
</div>
</div>
EOF;
$options_string = '';
if (!isset($props['images_upload_url'])) {
$props['images_upload_url'] = '/app/admin/upload/image';
}
$props = $this->prepareProps($props);
// height 参数被传递至 preparePropsToJsObject 中,这个是一个将 KV map 转换为字符串的函数
$options_string .= "\n" . $this->preparePropsToJsObject($props, 1, true);
$this->jsContent .= <<<EOF
// 字段 {$options['label']} $field
layui.use(["tinymce"], function() {
var tinymce = layui.tinymce
var edit = tinymce.render({
elem: "#$id",$options_string // height 参数被字符串化后直接插入到 $options_string 中
});
edit.on("blur", function(){
layui.$("#$id").val(edit.getContent());
});
});
EOF;
}
标签:控件,string,webman,tinymce,admin,props,placeholder,options
From: https://www.cnblogs.com/ninkaki/p/18259682