thinkphp中插入ueditor编辑器的代码

1.需要在header中加入以下js内容:<script type="text/javascript" src="{$smarty.const.__ROOT__}/ueditor/ueditor.config.js"></script><script type="text/javascript" src="{$smarty.const.__ROOT__}/ueditor/ueditor.all.js&quo…

thinkphp中的Ueditor的使用, 以及如何传递编辑器内容到后台?

在线编辑器有很多很多, 而且大多是开源的. uediotr基于mit协议, 开源, 可以用于商业和非商业的任意使用和修改都可以如果两个相连接的相邻的元素之间因为边框重叠而显得中间的边框线很粗了, 那么可以设置其中的一个元素的某一边的边框线为none. 其他的地方可以使用类似的操作思想; line-heigh的作用? 对于一个行级元素中的文本的排版布局, 默认的排版方式是: 从左到右, 从上到下,所以当行级元素所在的块 height 较大时, 文本就会位于块的…

Thinkphp整合最新Ueditor编辑器

说到最新的富文本编辑器的确不少(ckeditor.fkeditor.ueditor),这些富文本编辑器如果单独使用基本上很方便,不需要做额外的配置,只要把官方的插件下载下来放到一个web容器中,看看插件中提供的 index.html 里的代码就明白应该怎么调用了.因为富文本编辑器会经常涉及到文件.图片.视频资源的上传,如果本身所用到的框架或者是项目本身就有一个模块是专门来处理这一块儿的,对一些资源需要做特殊处理的,例如水印处理,对图片的大小处理(原图.缩略图),那么就设计到把富文本编辑器与你现…

网页中插入Flvplayer视频播放器代码

http://blog.csdn.net/china_skag/article/details/7424019 原地址:http://yuweiqiang.blog.163.com/blog/static/66570412010317103135852/ 效果图: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pu…

vue中使用Ueditor编辑器

一. 下载包: 从Ueditor的官网下载1.4.3.3jsp版本的Ueditor编辑器,官网地址为: http://ueditor.baidu.com/website/ 下载解压后会得到如果下文件目录: 将上述Ueditor文件夹拷贝到vue项目的static文件夹中,此文件夹为项目的静态服务文件夹: 二. 修改配置在ueditor.config.js中修改如下代码: // 这里是配置Ueditor内部进行文件请求时的静态文件服务地址 window.UEDITOR_HOME_…

vue中使用Ueditor编辑器 -- 1

一. 下载包: 从Ueditor的官网下载1.4.3.3jsp版本的Ueditor编辑器,官网地址为:http://ueditor.baidu.com/website/download.html 下载解压后会得到如果下文件目录: 将上述Ueditor文件夹拷贝到vue项目的static文件夹中,此文件夹为项目的静态服务文件夹: 二. 修改配置在ueditor.config.js中修改如下代码: // 这里是配置Ueditor内部进行文件请求时的静态文件服务地址 windo…

开发中使用UEditor编辑器的注意事项

最近在一个刚结束的一个项目中使用到了UEditor编辑器,下面总结一下遇到的问题以及使用时需要注意的地方: 1. 使用UEditor插件需要先对其进行路径配置: 在ueditor.config.js文件中配置 ueditor.config.js文件相对Ueditor文件夹的位置: 2. UEditor的图片上传功能: 此功能需将插件部署至服务器时才可生效: 3. UEditor报错"Cannot set property 'innerHTML' of undefined": 错误的原…

tp5中使用ueditor编辑器保存文本到数据库后回显后显示html标签问题解决办法

在编辑器ueditor中获取文本,保存到到数据库后为当在数据库中提取出来,在显示回ueditor编辑器时候,出了问题, html标签都显示出来了百度了下别人的解决办法是,使用官方提供的api 可是我试过后还是不行,和没使用一个样. 最后我在tp框架中找到了原因https://www.kancloud.cn/manual/thinkphp5_1/354074 是tp5中自动转了格式,使用raw函数就能解决问题了…

vue中使用UEditor编辑器 -- 2

1:下载ueditor下来,放在vue项目中的static文件夹下 2:创建ueditor编辑界面 3:椰~~~~~此时已经可以使用了但是你会发现 (黑人脸)what the fuck??????????看下面如果你只是搞前端界面,那就到此结束不用往下看了,剩下的是给苦逼后台干的事!! 4:这时,我们就需要把ueditor中的php那个文件夹挪到apache服务器的根目录下此时我的php文件夹的目录是 apache根目录\utf8-php\php 5:修改ued…

html 实体转换为字符：转换 UEditor 编辑器 ( 在 ThinkPHP 3.2.2 中 ) 保存的数据

在 ThinkPHP 3.2.2 中使用 UEditor 编辑器保存文章内容时,数据库中保存的数据都被转义成实体,例如:<p><strong><span style="font-family: 微软雅黑, &#39;Microsoft YaHei&#39;; color: rgb(192, 0, 0);"><em>&lt…

html中插入flash代码详解（转载）

在网页中插入背景音乐代码(html)

有两种分别用<bgsound>和<embed></embed>标签,当用<embed>插入背景音乐时可以设置宽度和高度为0,隐藏播放器. 二者的参数如下: ■ <bgsound>: <bgsound> 是用来插入背景音乐,但只适用于 IE,其参数设定不多.如下 <bgsound src="your.mid"autostart=true loop=infinite> src="your.mid…

Thinkphp下嵌套UEditor富文本WEB编辑器

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码... 本文实际操作于ThinkPHP框架下,现分享与大家参考,整体流程详解如下: 第一步: 下载UEditor编译器,请到官网进行下载:http://ueditor.baidu.com/website/download.html 注:本例中所用UEditor编译器版本为:[1.4.3.2 PHP版本] ThinkPHP框架版本为:[ThinkP…

在Vue2.0中集成UEditor 富文本编辑器

在vue的'项目中遇到了需要使用富文本编辑器的需求,在github上看了很多vue封装的editor插件,很多对图片上传和视频上传的支持并不是很好,最终还是决定使用UEditor. 这类的文章网上有很多,我进行了摸索.手写代码.汇总.排版,形成了这篇文章. 下载对应的UEditor源码首先,去官网上下载UEditor的源码,根据你后台语言的不同下载对应的版本(PHP.Asp..Net.Jsp),下载地址. 下载之后,把资源放到 /static/ue/ 静态目录下.文档结构如下: (我把UEdi…

***解决UEditor编辑器无法插入第三方视频地址

转:http://blog.csdn.net/qq_16241043/article/details/53894847 xssFilter导致插入视频异常,编辑器在切换源码的过程中过滤掉img的_url属性(用来存储视频url)_src/plugins/video.js里处理的是_url,而不是_src. 1.在配置文件ueditor.config.js中,定位 //xss过滤白名单,即,whitList:{ },对 img: 增加 “_url” 属性: 2.在 video 标签后新增3给标签,…

向ueditor中插入内容

html在ueditor中插入内容不能直接插入,必须判断编辑器是否创建成功,jsp可以用java代码嵌套的方式. html页面中:<textarea id="zym" name="zym" style="width:100%;height:100px;"></textarea> js代码: //判断ueditor 编辑器是否创建成功UE.getEditor('zym').addListener("ready&qu…

tp中ueditor编辑器的使用

1/引入三个文件 <script type="text/javascript" charset="utf-8" src="{$Think.config.PLUGIN_URL}ueditor/ueditor.config.js"></script><script type="text/javascript" charset="utf-8" src="{$Think.co…

使用 UEditor 编辑器获取数据库中的数据

在 ThinkPHP 3.2.2 中,使用 UEditor 编辑器获取数据库中保存的数据,可以使用 UEditor 自身提供的方法. 首先在视图模板中实例化编辑器,这是出现编辑器界面的必须的行为: <script type="text/javascript"> var editor = UE.getEditor('container'); </script> 然后使用 setContent 方法来使数据显示在编辑框内: editor.setContent(dat…

解决在 MVC 　局部视图中加载　ueditor 编辑器时，编辑器加载不出的 bug

在 MVC 局部视图中,有时我们需要加载 ueditor 编辑器,或进行局部刷新, 但是在加载局部视图后,ueditor 编辑器加载不出,这是由于 ueditor 使用的缓存,只要清空缓存,重新实例化编辑器就能加载出来 ,具体的解决方法如下: 在局部视图中添加以下代码: <script type="text/javascript"> window.UEDITOR_HOME_URL = "/Content/ueditor/"; UE.delEdit…

怎样在Word中插入代码并保持代码原始样式不变

怎样在Word中插入代码并保持样式不变我们有时候需要在word中添加一段我们写的代码,但是把代码粘贴到word文档中之后就发现所有的代码的样子都变了,我们可以采用下边的方法来实现保持代码原来的样式和颜色高亮 1.这种方法适合于讲Visual Studio中的代码粘贴到word文档中 a.在word中选择插入选项卡,然后点击对象 b.在弹出的窗口中选择OpenDocument文本,之后会弹出一个新的word窗口,将Visual Studio中的代码复制粘贴到这里保存关闭窗口即可 c.效果图如下…

在ueditor编辑器的光标停留处插入内容

业务场景: 首先在ueditor编辑器中插入一段文本,然后我想在文本的某个位置(光标停留处)插入一个字符串,这个字符串是从页面的其他地方选择得来的. 注意,当我们点击ueditor编辑器以外的地方,编辑器会失去焦点,此时,我们会看不到编辑器编辑时闪烁的光标了.因此我们的做法是这样的: UE.getEditor('editor').focus(); UE.getEditor('editor').execCommand('inserthtml','{'+funcName+'}'); 我们先获得编辑器…

在网站中使用UEditor富文本编辑器

UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量.可定制.用户体验优秀等特点. 官网链接进入到下载页面,选择相应的版本下载这里我们使用ASP.NET开发,所以选择.NET版本. 将文件解压后,目录结构如下: 将外部js引入到页面中 <script src="Assets/js/ueditor/ueditor.config.js" type="text/javascript"></script> <s…

如何在vue项目中使用百度编辑器ueditor

百度编辑器官方并没有提供vue项目使用说明,目前网上也有不少人实现了相关功能,这里就不再重复,只是针对自身项目碰到的情况做个记录,就当是熟悉了一遍富文本编辑器的代码结构. 按照网上的做法,基本可以实现编辑器的基本使用,但存在两个问题 a.编辑器内容回显,调用官方的setContent方法无法将后端返回的数据现在在编辑起立 b.无法实现图片上传,官方提供了asp/jsp/php的配置方法,未提供vue项目的配置办法,这就要自己去处理了第一个问题: 因为使用编辑器自带的setContent()方法…

JSP项目中使用ueditor(百度编辑器)

1. 从http://ueditor.baidu.com下载JSP版本的ueditor,注意GBK和UTF-8两种版本. 2. 在Web Project项目的WebRoot目录下新增thirdparts目录,然后将ueditor添加到thirdparts目录中. 3. 将ueditor_utf8目录下的jsp/lib目录中的jar包拷贝到项目的lib目录. 4. 修改ueditor.config.js文件,添加如下代码 window.UEDITOR_HOME_URL ="/thirdparts/…