去掉Tinymce图片上传自动添加的相对路径字符

  Tinymce 是一款非常强大的富文本编辑器,被广泛的应用在很多web项目中,但 Tinymce 在上传图片时会自动在图片路径 src 前面加上../../这样的相对路径,导致图片路径错误无法显示,这时只需要在初始化 Tinymce 配置 tinymce.init({}) 中设置 convert_urls :false 就可以去除这些多余的字符。

<!-- 实例化编辑器 -->
	<script>
	  tinymce.init({
	    selector: '#mytextarea',
		convert_urls: false,
		language : 'zh_CN',
		plugins: 'advlist,autolink,link,image,lists,preview,code,codesample',
		toolbar: 'code formatselect fontselect fontsizeselect alignleft aligncenter alignright alignjustify blockquote undo redo removeformat advlist autolink link image lists preview bold italic underline strikethrough indent outdent codesample',
		images_upload_url: 'uploads',
		height: 400,
        extended_valid_elements :"script[language|type]",
		setup: function(editor){
		    editor.on('change',function(){ editor.save(); });
		}
	  });
	</script>

  Tinymce的默认配置是在上传图片路径前面加上../../,根本就是多此一举,不知道为什么要这么设置。

本站原创内容,转载请注明来源:https://www.liutonghui.com/189

使用 jQuery 高亮显示当前栏目导航链接
上一篇 2021-02-03
Thinkphp6开发Tinymce图片上传接口的方法
下一篇 2021-03-02

评论列表(1条)

  • wxj 2021-07-06 13:34:08

    我去!查了好久,原来是这个配置项问题

    • 管理员 2021-07-06 22:06:36

      回复 wxj:我也是查了好久才找到是这个配置项的问题

发表评论

captcha

相关推荐

  • jQuery制作图片浮动放大,鼠标滚轮缩放功能

      点击图片居中放大显示,背景半透明遮罩,鼠标滚轮可缩放图片大小,再次点击图片恢复原始大小并关闭。 &lt;!DOCTYPE html&gt; &lt;html lang="zh-CN"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;图片点击放大居中+滚轮缩放&lt;/title&gt; &lt;script src="https://code.jqu......

    2014-08-10
    17270
  • 看完三本东野圭吾的书

      听说东野圭吾的推理小说不错,这次也是一口气看完了三本。当然了,他的作品很多,要慢慢看,我买的是他比较有代表的几部。就推理类小说来说,他的作品很有特点,写作风格独特,明显有别于其他同类作者的作品。   现在市面上那些所谓的畅销推理小说总是喜欢为了推理而推理,为了制造悬疑而悬疑,在那装模做样,把毫不相关的事硬往一块连,太牵强,太脱离现实。大段大段的水字,三句不离什么探案手法,在那装逼,张口闭口,一举一动都要故做高深。你作为主角把你写出......

    2015-10-16
    21030
  • jQuery为当前栏目导航添加CSS样式

      在网站制作过程中,经常见到很多网站的导航栏中当前所在的栏目分类链接被添加了css样式,呈高亮状态,点击哪个分类链接哪个就会变成高亮状态,那么这种功能是怎么实现的呢,其实用jQuery就可以很轻松的实现。   jquery代码: /* 当前链接加css */ $('nav ul li a').each(function () { if ($(this)[0].href == String(window.location)) $(t......

    2015-11-06
    20900
  • 如果说一句真实的话会得罪一些人

      如果说一句真实的话会得罪一些人   如果做一件真实的事会遭致一些批评   如果做一个真实的自己会换来奇异的眼光   我无悔无憾......

    2016-06-19
    12440
  • 实现自动高度的几种 CSS 方法

      在前端开发中,经常需要使元素的高度自动调整,以适应其内容的情况。以下是一些常见的 CSS 使用方法:   1. 使用 height: auto;:   将元素的高度设置为 auto,这是元素高度的默认值。这样,元素的高度将根据其内容自动调整。 .auto-height { height: auto; }   2. 使用 overflow: auto; 或 overflow: hidden;:   如果希望元素的高度能够自动适应......

    2020-12-11
    18350
  • Thinkphp6开发Tinymce图片上传接口的方法

      Tinymce是项目开发中常用的编辑器之一,它的功能非常强大,界面简洁,又支持各种各样功能强大的插件,本文介绍一下ThinkPHP6开发Tinymce图片上传接口的方法。 public function uploads(){ $file = request()-&gt;file('file'); // 上传到本地服务器 $savename = \think\facade\Filesystem::disk('p......

    2021-03-02
    18610
  • ThinkPHP6开发wangEditor图片上传接口的方法

      wangEditor是一款近几年非常流行的富文本编辑器,它界面简洁,功能非常强大,本文介绍WangEditor图片上传接口的开发,以Thinkphp6为例。   首先看一下wangEditor官方的接口返回要求:   然后开发Thinkphp6的上传功能: public function testup(){ $file = request()-&gt;file('file'); $savename = \think......

    2021-03-02
    19020
  • ThinkPHP文件上传类FileSystem自定义生成年月日目录

      FileSystem 是一个非常好用的文件上传扩展类,结合 Thinkphp 使用可以轻松的完成文件上传功能的开发。但是默认情况下 FileSystem 是按照&ldquo;年月日&rdquo;来生成上传日期目录的,长期使用下来就会有大量的&ldquo;Ymd&rdquo;目录,不方便管理,像我平时更新内容不多,如果以&ldquo;Ym&rdquo;的格式生成目录,按同一年同一月上传的文件放在一个日期目录中就方便管理多了。   需要......

    2023-04-23
    10342