`

tinymce使用绝对路径

阅读更多

http://www.oseye.net/user/kevin/blog/46

如:

convert_urls

该选项允许你控制TinyMCE是否够聪明,存储URL的原始值,默认情况URL会被自动转化,因为内置的浏览器逻辑以这样的方式工作,没有方法获 取真正的URL,除非你别处存储。如果你设置该选项为false,那么它会试着保持URL的完整性。默认为true,意味着URL会依据 relative_urls的状态而被强制为绝对或相对的。

Convert_urls选项示例:

  1. tinyMCE.init({
  2. ...
  3. convert_urls :false
  4. });

relative_urls

如果该选项设为true,所有通过MCFileManager返回的URL都会与知道的document_base_url相关。如果设为false,所有URL会被转化成绝对URL,默认为true。

relative_urls选项示例:

  1. tinyMCE.init({
  2. ...
  3. relative_urls :false
  4. });

remove_script_host

 

该选项允许MCFileManager返回的URL的协议和主机部分被删除,该选项仅在relative_urls选项设为false时有用,该选项默认为true。

URL会以格式“/somedir/somefile.htm”返回而不是默认的http://www.somesite.com/somedir/somefile.htm的格式。

remove_script_host选项示例:

  1. tinyMCE.init({
  2. ...
  3. remove_script_host :false
  4. });

document_base_url

 

该选项为文档中所有相对的URL指定URL基础,默认值为当前文档的目录。如果提供了值,一定要是目录(而不是文档),必须以“/”结尾。该选项还 与relative_urls,remove_script_host和convert_urls选项结合使用以确定TinyMCE返回相对还是绝对的 URL。常见问题包含了详细描述和使用相对/绝对URL工作的示例页面。

3.0版本的修改:这可能会影响其他路径如何解析,如调用tinyMCE.windowManager.open方法,因此你可能想要使用绝对路径,下面的配置似乎也受到document_base_url设置的影响:

  • external_link_list_url
  • external_image_list_url

document_base_url选项示例:

  1. tinyMCE.init({
  2. ...
  3. document_base_url :"http://www.baidu.com/";
  4. });
分享到:
评论

相关推荐

    tinymce的使用,中文语言包配置

    它支持多种语言,包括中文,因此“tinymce的使用,中文语言包配置”这个标题涉及到的知识点是关于如何在TinyMCE中设置和使用中文语言环境。下面我们将深入探讨TinyMCE的基本概念、安装过程以及中文语言包的配置。 ...

    vue3中使用tinyMCE

    在Vue3中使用TinyMCE,我们可以利用其强大的功能并结合Vue的新特性,如Composition API和setup语法糖,来实现更加灵活和高效的组件化开发。 首先,我们来看一下如何在Vue3项目中安装和配置TinyMCE。在解压后的文件...

    完整的tinymce+powerpaste(项目使用中)

    注意事项:上传图片注意图片命名规则,(特别是一次复制多张图片的时候),如果图片路径需要http://*** 来展示,需要调整 tinymce.min.js的 一句代码即可:搜索(data-mce-src)花了3,4天时间研究出来的,需要帮助...

    tinymce离线资源

    在Vue项目中使用Tinymce离线资源时,除了将CDN引用替换为本地路径外,还需要在Vue组件中正确配置Tinymce,例如初始化编辑器、设置语言、启用插件等。具体配置方式可以根据项目需求和Tinymce官方文档进行调整。 总之...

    tinymce 汉化语言包

    而“tinymce2”的汉化语言包则是为了方便中文用户使用TinyMCE编辑器而特别制作的。 TinyMCE2是TinyMCE的一个较旧版本,这个汉化语言包确保了该版本的编辑器界面完全适应中文环境,使得所有的菜单项、按钮提示和错误...

    在vue3项目中使用tinymce编辑器

    本篇文章将详细讲解如何在Vue3项目中引入并使用带有汉化包的TinyMCE编辑器。 首先,你需要从TinyMCE官方网站下载最新版本的编辑器,同时获取到汉化包。TinyMCE支持多种语言,包括中文,你可以从其语言资源包中选择...

    Vue3使用富文本框tinymce

    但是,由于使用了`@tinymce/tinymce-vue`,这些步骤通常是不必要的,因为该库已经包含了TinyMCE的核心文件。 总的来说,Vue3结合TinyMCE提供了一种高效、灵活的富文本编辑解决方案。通过正确配置和使用Vue组件,你...

    tinymce 应用四---为tinymce添加一个plugin

    为了让TinyMCE知道并使用你的插件,需要在初始化编辑器时指定插件列表。在HTML中,通过`plugins`属性添加插件名。 ```html tinymce.init({ selector: 'textarea', plugins: 'myplugin', toolbar: '...

    tinymce powerpaste插件,支持最新版的tinymce5.10.3,亲测可用

    - **更好的API支持**: TinyMCE 5提供了一套更加现代和易于使用的API,方便开发者进行扩展和定制。 - **响应式设计**:新版本支持响应式布局,适应不同设备和屏幕尺寸。 - **增强的无障碍性**:TinyMCE 5系列增强...

    tinymce本地引入集成demo以及使用版本是5+版本兼容低版本谷歌

    这个"tinymce本地引入集成demo"显然是一份指导如何在本地环境中集成和使用TinyMCE的示例代码,特别强调了其与版本5+的兼容性,同时也考虑到了对较低版本谷歌浏览器的支持。下面我们将深入探讨TinyMCE的关键特性、...

    tinyMCE

    tinyMCE

    tinymce 自定义多图片批量上传插件 附使用示范Test

    本文将详细讲解如何为TinyMCE构建一个自定义的多图片批量上传插件,并提供一个使用示范。首先,我们需要理解TinyMCE的插件系统。TinyMCE的插件是由JavaScript编写的小型模块,它们可以插入到编辑器实例中,添加新的...

    tinymce 格式刷插件 亲测好用

    tinymce 格式刷插件 亲测好用 采用自定义插件形式引入即可

    tinymce powerpaste插件(兼容最新tinymce5.2.0)

    5. **兼容性**:如描述所述,此版本的PowerPaste插件已经兼容最新的TinyMCE 5.2.0版本,这意味着它能够很好地集成到使用该版本的任何项目中。 为了使用这个插件,你需要按照以下步骤操作: 1. 下载并解压缩提供的...

    tinymce

    如果你之前使用过TinyFCK,那么迁移到tinymce是一个合理的选择,因为tinymce提供了更丰富的功能和更好的社区支持。 在压缩包文件列表中只有一个名为"tinymce"的文件,这可能是tinymce的安装包或者特定版本的源码。...

    tinymce带prism代码高亮实现demo

    tinymce带prism代码高亮实现demo源码 tinymce带prism代码高亮实现demo源码 tinymce带prism代码高亮实现demo源码 重要的事情说三遍,这是我开发中的研究成果,后期详细解释及使用会更新到博客,demo先奉上。

    tinymce_powerpaste-master

    TinyMCE PowerPaste是一款强大的富文本编辑器插件,专为TinyMCE 4和5设计,用于优化从Word、Excel或PDF等外部来源粘贴内容...在实际使用中,根据项目需求,你可能还需要调整其他TinyMCE的设置,以实现最佳的用户体验。

    tinyMCE使用详解

    **tinyMCE使用详解** tinyMCE是一款强大的富文本编辑器,广泛应用于网站内容管理系统、博客平台、论坛等,提供了一种所见即所得(WYSIWYG)的编辑体验,使得用户无需编写HTML代码就能创建格式丰富的网页内容。这款...

    TinyMCE自定义上传图片

    TinyMCE是一款强大的所见即所得(WYSIWYG)文本编辑器,广泛应用于网页内容编辑、CMS系统和各种应用程序中。它提供了丰富的API和插件系统,使得开发者可以定制编辑器的功能,以满足特定需求。在这个场景中,我们将...

Global site tag (gtag.js) - Google Analytics