去掉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.html

上一篇 2021-02-03
下一篇 2021-03-02

评论列表(2条)

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

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

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

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

发表评论

captcha

相关推荐

  • JavaScrpit中异步请求Ajax实现,多个Ajax请求数据交互

      在前端页面开发的过程中,经常使用到Ajax请求,异步提交表单数据,或者异步刷新页面。   一般来说,使用Jquery中的ReferenceError: katex is not defined.post,$.getJSON,非常方便,但是有的时候,我们只需要ajax功能,这样引入Jquery比较不划算。   所以接下来便用原生JavaScrpit实现一个简单的Ajax请求,并说明ajax请求中的跨域访问问题,以及多个ajax请求的数......

    2017-07-19
    9720
  • 再谈PHP错误与异常处理

      请一定要注意,没有特殊说明:本例 PHP Version &lt; 7   说起PHP异常处理,大家首先会想到try-catch,那好,我们先看一段程序吧:有一个test.php文件,有一段简单的PHP程序,内容如下,然后命令行执行:php test.php &lt;?php $num = 0; try { echo 1/$num; } catch (Exception $e){ ......

    2017-06-12
    14010
  • HTML5中article元素与section元素有什么区别

      在HTML5中,为了使文档的结构更加清晰明确,追加了几个与页眉、页脚、内容区块等文档结构相关联的结构元素。内容区块是指将HTML页面按逻辑分割后的单位。例如对于书籍来说,章、节可以称为内容区块;对于博客网站来说,导航菜单、文章正文、文章的评论等每一个部分都可称为内容区块。   在HTML5中新增的主体结构元素中有两个元素分别article元素与section元素,这两个元素是什么意思?通常用于哪些内容区块?何时用article元素......

    2014-10-27
    18700
  • 窃格瓦拉逆袭:周立齐的经历引发社会对价值观的思考

      周立齐,这个曾经因偷窃电动车电瓶而闻名一时的人,如今已成为互联网上的网红。他曾因为偷窃行为被网民称为&ldquo;窃格瓦拉&rdquo;。但是,这个曾经的罪犯在出狱后走上了创业的道路,甚至成为了一名企业家。   周立齐曾经因为多次盗窃电动车电瓶而被判刑。在狱中,他因为一句&ldquo;打工是不可能打工的,这辈子不可能打工。&rdquo;而走红,这句话甚至被做成了表情包,在网络上广为流传。出狱后,他并没有停下脚步,而是利用这波流量积......

    2023-03-27
    6540
  • 华为Mate60手机开售,麒麟5G芯片回归,遥遥领先!

      没开发布会,没有预告就直接开卖备受关注的旗舰手机,华为Mate60系列算是开了个头。这几天华为登上了热搜,这次是因为华为Mate60手机携带&ldquo;麒麟芯片&rdquo;提前开售,瞬间售罄,同时也标志着麒麟5G芯片的正式回归。这一消息在各大主流媒体平台上迅速引发热议,网友们纷纷发表意见,自媒体人也争相蹭热度,提出各自观点。   如果你打开华为商城app,可以看到华为已经在自家商城上架了华为Mate60系列手机,而这些手机已经......

    2023-08-31
    7570
  • PHP封装数据库操作Model类示例

      数据库操作是产品开发中最常见的需求,封装一个PHP数据库操作Model类可以减少反复的写大量SQL语句,下面就为大家分享一个数据库操作Model类。 &lt;?php //引入配置文件 include "./config.php"; class Model { public $link;//存储连接对象 public $tableName = "";//存储表名 public $field =......

    2019-06-12
    15674
  • CSS clearfix清除浮动进化史

      我想大家在写CSS的时候应该都对清除浮动的用法深有体会,今天我们就还讨论下clearfix的进化史吧。   clearfix清除浮动   首先在很多很多年以前我们常用的清除浮动是这样的。 .clear{clear:both;line-height:0;}   现在可能还可以在很多老的站点上可以看到这样的代码,相当暴力有效的解决浮动的问题。但是这个用法有一个致命伤,就是每次清除浮动的时候都需要增加一个空标签来使用。   这种做法如果在......

    2014-11-18
    17080
  • 锅包肉之争与职业水军

      最近吉林市世界锅包肉大赛的成功举办,让人们对锅包肉这道东北名菜产生了很大的关注度,随之而来的是有人质疑吉林有没有资格举办世界锅包肉大赛。其实关于锅包肉的起源一直是众说纷纭,在黑龙江,吉林,辽宁都有关于锅包肉起源的史料记载,制作方法也都是大同小异,并没有是谁独家专有,谁抢谁的说法,我们只知道这是一道非常好吃的东北菜。   但是随着这次锅包肉大赛的火热,出现了把对锅包肉的起源之争上升到了地域攻击的地步,我们看散播这些言论的账号主页,他......

    2024-07-09
    1740