在tinymce容器中添加type = file的输入元素

 李淑茹韦雯 发布于 2023-02-13 18:10

我试图扩展一个tinymce插件,需要添加一个type = file的输入元素.

(我是这样一个练习的新手所以请原谅我的无知..也找不到实例/样本......)

您似乎可以执行以下操作以向在面板中打开的容器显示元素:

var generalFormItems = [
  {name: 'alt', type: 'textbox', label: 'Image description'},
  {name: 'width', type: 'textbox', maxLength: 3, size: 3, onchange: recalcSize},
];

win = editor.windowManager.open({
   title: 'Insert/edit image',
   data: data,
   bodyType: 'tabpanel',
   body: [
           {
        title: 'General',
        type: 'form',
        items: generalFormItems
       },
    ],
    onSubmit: onSubmitForm });

我有兴趣添加type = file()的输入html .因此应该有通常的html按钮,它将在浏览器上显示"文件对话框",以允许用户选择文件.所以我希望这样的事情:

    var generalFormItems = [
      {name: 'alt', type: 'textbox', label: 'Image description'},
      {name: 'width', type: 'textbox', maxLength: 3, size: 3, onchange: recalcSize},

--->  {name: 'fileSelect', type: 'file', label: 'Select a File to Upload'},

    ];

是否可以这样做以及如何做?

1 个回答
  • 管理得出这个想法,并希望在这里留下答案,以便其他人尝试做类似的事情.

    每个UI表单元素上都有一个"子类型",它将按原样添加到DOM中.所以做下面的事情对我有用:

    {name: 'file', type: 'textbox', subtype: 'file', label: 'Upload', onchange: uploadFile},
    

    插图

    2023-02-13 18:12 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有