Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/amazon-s3/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何更改在TinyMCE中插入图像的功能?_Javascript_Asp.net Core Mvc_Tinymce - Fatal编程技术网

Javascript 如何更改在TinyMCE中插入图像的功能?

Javascript 如何更改在TinyMCE中插入图像的功能?,javascript,asp.net-core-mvc,tinymce,Javascript,Asp.net Core Mvc,Tinymce,我的webapp具有上传图像的功能,以及其他信息,如图像标题、描述、标签、版权信息等。我使用TinyMCE编辑网页,但我不想允许在编辑器中上传图像。我只想允许用户在已经上传到服务器的图像中进行选择 将TinyMCE中的“插入图像”功能更改为以下内容是否相对容易: 按下“插入图像”按钮时,会弹出一个自定义对话框 该对话框的内容是服务器上图像的网格视图。此处不应存在上载功能 通过单选按钮选择图像 当按下对话框中的“插入选定图像”按钮时,将在编辑器光标处插入一些生成的HTML,而不仅仅是-标记 我浏览

我的webapp具有上传图像的功能,以及其他信息,如图像标题、描述、标签、版权信息等。我使用TinyMCE编辑网页,但我不想允许在编辑器中上传图像。我只想允许用户在已经上传到服务器的图像中进行选择

将TinyMCE中的“插入图像”功能更改为以下内容是否相对容易:

  • 按下“插入图像”按钮时,会弹出一个自定义对话框
  • 该对话框的内容是服务器上图像的网格视图。此处不应存在上载功能
  • 通过单选按钮选择图像
  • 当按下对话框中的“插入选定图像”按钮时,将在编辑器光标处插入一些生成的HTML,而不仅仅是
    -标记

  • 我浏览了一下,知道了
    文件\u picker\u回调
    。我会使用它,并编写自己的javascript函数来打开自己的对话框吗?如何控制文档中插入的内容?

    TinyMCE有API来创建您自己的工具栏按钮,这些按钮可以打开对话框来执行您需要的任何任务

    一种方法是使用TinyMCE UI:

    另一种方法是使用URL对话框嵌入您创建的远程网页

    在这两种情况下,您都可以使用TinyMCE API(例如,
    insertContent()
    )将生成的HTML放入编辑器中