调用百度富文本

1、修改内容

<div class="form-group">

<label for="post-content">文章内容</label>

<script id="post-content" name="content" type="text/plain">{$post.content|htmlspecialchars_decode}</script>

</div>

<!-- 配置文件 -->

<script type="text/javascript" src="__PUBLIC__/ueditor/ueditor.config.js"></script>

<!-- 编辑器源码文件 -->

<script type="text/javascript" src="__PUBLIC__/ueditor/ueditor.all.js"></script>

<!-- 实例化编辑器 -->

<script type="text/javascript">

var ue = UE.getEditor(‘post-content‘,{

toolbars: [

[‘fullscreen‘, ‘source‘, ‘undo‘, ‘redo‘,‘bold‘, ‘italic‘, ‘underline‘,‘fontborder‘, ‘strikethrough‘, ‘|‘,‘simpleupload‘, ‘insertimage‘,‘attachment‘,‘emotion‘,‘link‘,‘unlink‘, ‘|‘, ‘removeformat‘, ‘formatmatch‘, ‘autotypeset‘, ‘blockquote‘,‘searchreplace‘, ‘pasteplain‘, ‘|‘, ‘forecolor‘, ‘backcolor‘, ‘insertorderedlist‘, ‘insertunorderedlist‘, ‘selectall‘, ‘cleardoc‘],

[‘inserttable‘,‘insertrow‘, ‘insertcol‘,‘mergeright‘, ‘mergedown‘,‘deleterow‘, ‘deletecol‘,‘splittorows‘,‘splittocols‘, ‘splittocells‘,‘deletecaption‘,‘inserttitle‘, ‘mergecells‘, ‘deletetable‘,‘insertparagraphbeforetable‘, ‘paragraph‘,‘fontsize‘,‘fontfamily‘]

],

initialFrameHeight:500,

zIndex:100

});

</script>

2、添加内容

<div class="form-group">

<label for="post-content">文章内容</label>

<script id="post-content" name="content" type="text/plain"></script>

</div>

<!-- 配置文件 -->

<script type="text/javascript" src="__PUBLIC__/ueditor/ueditor.config.js"></script>

<!-- 编辑器源码文件 -->

<script type="text/javascript" src="__PUBLIC__/ueditor/ueditor.all.js"></script>

<!-- 实例化编辑器 -->

<script type="text/javascript">

var ue = UE.getEditor(‘post-content‘,{

toolbars: [

[‘fullscreen‘, ‘source‘, ‘undo‘, ‘redo‘,‘bold‘, ‘italic‘, ‘underline‘,‘fontborder‘, ‘strikethrough‘, ‘|‘,‘simpleupload‘, ‘insertimage‘,‘attachment‘,‘emotion‘,‘link‘,‘unlink‘, ‘|‘, ‘removeformat‘, ‘formatmatch‘, ‘autotypeset‘, ‘blockquote‘,‘searchreplace‘, ‘pasteplain‘, ‘|‘, ‘forecolor‘, ‘backcolor‘, ‘insertorderedlist‘, ‘insertunorderedlist‘, ‘selectall‘, ‘cleardoc‘],

[‘inserttable‘,‘insertrow‘, ‘insertcol‘,‘mergeright‘, ‘mergedown‘,‘deleterow‘, ‘deletecol‘,‘splittorows‘,‘splittocols‘, ‘splittocells‘,‘deletecaption‘,‘inserttitle‘, ‘mergecells‘, ‘deletetable‘,‘insertparagraphbeforetable‘, ‘paragraph‘,‘fontsize‘,‘fontfamily‘]

],

initialFrameHeight:500,

zIndex:100

});

</script>

null

时间: 2024-10-05 12:04:16

调用百度富文本的相关文章

Django集成百度富文本编辑器uEditor

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码. 首先从ueEditor官网下载最新版本的包,目前官网上提供了ASP..NET.PHP.JSP版本的,django版本只有一个第三方个人开发的,但看上出配置起来稍微复杂一点. 这里不介绍uEditor的使用方法,也不过多解释uEditor的配置方法,官网上都有详细的文档和API介绍,下载的Demo中也有常用的方法的示例代码,这里主要介绍uEdi

Jfinal整合百度富文本编辑器ueditor

ueditor配置文件ueditor.config.js修改参数serverUrl:(改为要调用的controller) 后台添加该路由指定的controller package com.sandu.mega.admin.ueditor; import com.jfinal.aop.Clear; import com.jfinal.core.Controller; import com.jfinal.kit.Ret; import com.jfinal.upload.UploadFile; im

ASP.NET MVC + 百度富文本编辑器 + EasyUi + EntityFrameWork 制作一个添加新闻功能

本文将交大伙怎么集成ASP.NET MVC + 百度富文本编辑器 + EasyUi + EntityFrameWork来制作一个新闻系统 先上截图: 添加页面如下: 下面来看代码部分 列表页如下: 1 @{ 2 Layout = null; 3 } 4 5 <!DOCTYPE html> 6 7 <html> 8 <head> 9 <meta name="viewport" content="width=device-width&qu

【解决方案】使用百度富文本编辑器,编辑显示不了内容

我做了一个文章管理的系统,使用到了百度的富文本编辑,因为简单易用,所以我直接把编辑器的demo使用iframe的方式加载到页面中,如下图 源码: <div id="fContent" name="fContent"> <iframe src="~/Content/Scripts/ueditor1_4_3_3/demo.html" style="width:100%;height:450px;" id=&quo

UEditor百度富文本编辑器--让编辑器自适应宽度的解决方案

UEditor百度富文本编辑器的initialFrameWidth属性,默认值是1000. 不能够自适应屏幕宽度.如图1: 刚开始的时候,我是直接设置initialFrameWidth=null的.效果如图2: 这样子UEditor百度富文本编辑器会在第一次加载的时候获取屏幕宽度,然后赋值给initialFrameWidth属性. 这样子确实是可以在第一次加载的时候适应屏幕宽度,但是却似乎宽度稍微过了一点点,超过上面的灰条了.而且这里还有一个问题: 当你改变浏览器大小时,会有个很严重的排版BUG

[转]UEditor百度富文本编辑器--让编辑器自适应宽度的解决方案

转自http://www.cnblogs.com/VAllen/p/UEditor-InitialFrameWidth-Auto.html UEditor百度富文本编辑器的initialFrameWidth属性,默认值是1000. 不能够自适应屏幕宽度.如图1: 刚开始的时候,我是直接设置initialFrameWidth=null的.效果如图2: 这样子UEditor百度富文本编辑器会在第一次加载的时候获取屏幕宽度,然后赋值给initialFrameWidth属性. 这样子确实是可以在第一次加

百度富文本编辑器

[下载所需资源]---------------------------------------百度搜索-- 百度富文本编辑器--进入首页(百度编辑器-UEditor-首页) 百度编辑器 - UEditor - 首页-- 上方导航[下载]--选择对应的版本下载(我选的是 1.4.3.3 .Net 版本 utf-8版) [把资源引入自己的项目]--------------------------------------- 这里,模拟需求:新建一个项目  MyTest,要使用  富文本编辑器的功能. 

ueditor百度富文本编辑器使用解决方案

写网站的时候都是用asp.net2.0写的 但是看了百度的富文本编辑器使用说明都是.net framework 4.0 版本的 百度了半天看的各种的解决方案 我把最新版本的百度富文本编辑器下载下来 改了.sln 文件信息 可以用vs2008打开 当然会报一些错误 ..类名不存在等等 百度了半天还是没解决问题后来放弃了.(最终还是用了百度的) 于是就找了kindeditor但是觉得他长得有点丑..还是放弃了 又接着百度ueditor配置方法看到了一篇博文 http://blog.sina.com.

关于百度富文本编辑器UEdit的初始化内容失败问题

百度富文本编辑器毫无疑问是强大的,但也会出问题.这个问题是在脚本中普遍存在的,由异步性导致的加载顺序问题. 我们使用 var ue = UE.getEditor('editor', {}); 创建实例. 并使用 ue.setContent("Helllo World!"); 初始化内容. 但是有时候初始化失败. 原因是初始化的时候富文本编辑器还没有加载完成. 这个原因对于经验丰富的攻城狮不难想到,因为js的异步问题不是只在这产生,很多时候都有这种异步导致的加载顺序问题. 对此头疼了一整