首页 > 其他分享 >webman admin 控件的使用 如何修改富文本控件的高度

webman admin 控件的使用 如何修改富文本控件的高度

时间:2024-06-20 23:45:39浏览次数:12  
标签:控件 string webman tinymce admin props placeholder options

如何修改富文本控件的高度

把控件类型为 富文本 的控件参数设置为 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

相关文章

  • WPF控件库 https://wpfui.lepo.co/
    wpfui:一个开源免费具有现代化设计趋势的WPF控件库 https://wpfui.lepo.co/合集-C#(46) 1.使用C#将几个Excel文件合并去重分类2023-11-152.C#使用SqlSugar操作MySQL数据库实现简单的增删改查2023-11-163.C#中的类和继承2023-11-174.C#中的virtual和override关键字2023-......
  • MFC---列表框控件ListBox、组合框控件Combo Box(常用控件)
    前面两节讲了比较常用的按钮控件,并通过按钮控件实例说明了具体用法。本文要讲的是列表框控件(ListBox)及其使用实例。列表框控件简介列表框给出了一个选项清单,允许用户从中进行单项或多项选择,被选中的项会高亮显示。列表框可分为单选列表框和多选列表框,顾名思义,单选列表框中......
  • c#自定义Winfrom飞机仪表控件-第一个
    先看下效果,这是客户定制的飞机仪表控件中的一个。 我们来分析下这个这种控件要怎么开发,开发思路是什么。背景边框,这个你可以用gdi+画,或者让美工做背景图,我这里直接让美工做背景图了,中间部分留黑。刻度盘有左中右下总计5个左侧的刻度盘又有一个放大盘右侧刻度盘也......
  • django admin管理中增加日志记录
    直接将代码复制到django项目中的admin.py中fromdjango.contribimportadmin#[email protected](admin.models.LogEntry)classLogEntryAdmin(admin.ModelAdmin):"""该类用于显示admin内置的django_admin_l......
  • Flink1.17.0-报错: java.lang.NoSuchMethodError: org.apache.kafka.clients.admin.De
    背景:启动Flink的sql-client.sh,创建Kafka的source端表,然后查询Kafka的数据时报错。报错信息:2024-06-1816:10:12org.apache.flink.util.FlinkException:GlobalfailuretriggeredbyOperatorCoordinatorfor'Source:kafka_rmc_cust_analog_u[1]'(operatorbc764cd8ddf7a0c......
  • 企业微信审批控件中的外部选项功能开发
    审批控件中的外部选项-文档-企业微信开发者中心(qq.com)相关文档需要仔细阅读。注意事项:(1)signature时,url的问题:如果设置的是明细中的选项时,企微自动加上的参数中key的值会有中括号[],我们要将这两个符号进行下转换,[转换成 %5B、] 转换成 %5D,之后使用转换后的url......
  • LODOP打印控件
    能更好的控制打印输出:https://blog.csdn.net/Jnsone/article/details/131048419功能丰富:LODOP控件可以实现各种打印功能,如文字、图片、表格等,而且可以自定义页面大小、边距等参数。易于使用:LODOP控件提供了简单易懂的API接口,使得应用程序开发者可以快速上手并实现需要的打印功......
  • 界面控件DevExpress v24.1全新发布 - 跨平台性进一步增强
    DevExpress拥有.NET开发需要的所有平台控件,包含600多个UI控件、报表平台、DevExpressDashboardeXpressApp框架、适用于VisualStudio的CodeRush等一系列辅助工具。屡获大奖的软件开发平台DevExpress今年第一个重要版本v23.1正式发布,该版本拥有众多新产品和数十个具有高影响力......
  • Dcat admin laravel 快速安装及生成相应页面(新手)
    使用工具:phpEnv,phpStorm操作步骤:安装阿里云Composer镜像:打开命令行工具,如CMD或PowerShell。切换到自己安装phpEnv的www目录下我的是D:\Studysoft\phpEnv\www 。执行以下命令以设置全局Composer镜像:composerconfig-grepo.packagistcomposerhttps://mirror......
  • 安卓TextView控件实现下划线
    效果展示这里需要使用到LayerDrawable,对应于<layer-list>标签。在drawable目录下新建一个text_underline.xml文件,text_underline.xml的代码如下:<?xmlversion="1.0"encoding="utf-8"?><layer-listxmlns:android="http://schemas.android.com/apk/res/andro......