django中嵌入百度editor插件

一、安装和配置步骤:

1、先下载百度ueditor插件,并安装pip install DjangoUeditor

2、把下载好的ueditor插件放到自己的项目中

3、配置setting

INSTALLED_APPS = (

‘django.contrib.admin‘,

‘django.contrib.auth‘,

‘django.contrib.contenttypes‘,

‘django.contrib.sessions‘,

‘django.contrib.messages‘,

‘django.contrib.staticfiles‘,

‘Web‘,

‘DjangoUeditor‘,

)

4、配置url

urlpatterns = [

url(r‘^admin/‘, include(admin.site.urls)),

# url(r‘^ueditor/‘,include(‘DjangoUeditor.urls‘ )),

url(r‘^ueditor/‘,include(DjangoUeditor_urls)),

5、启动你的项目,进入django后台,即可看到百度插件编辑器

二、在项目的form中嵌入百度插件

1、确保你下载的百度插件已经放到你的项目中,如statics目录下的pugins目录中

2、在前端中加入渲染插件脚本(form)

<div  id=id_content name="content" class="edui-default" style="display: inline-block;" >

<div id="edui1" class="edui-editor  edui-default"style="width: 1000px; z-index: 999;">

{{ form|safe }}

</div>

</div>

3、在前端中加入以下(js)

<script type="text/javascript">

var id_content = UE.getEditor(‘id_content‘,{‘toolbars‘: [[‘source‘, ‘undo‘, ‘redo‘, ‘bold‘, ‘italic‘, ‘underline‘, ‘forecolor‘, ‘backcolor‘, ‘superscript‘, ‘subscript‘, ‘justifyleft‘, ‘justifycenter‘, ‘justifyright‘, ‘insertorderedlist‘, ‘insertunorderedlist‘, ‘blockquote‘, ‘formatmatch‘, ‘removeformat‘, ‘autotypeset‘, ‘inserttable‘, ‘pasteplain‘, ‘wordimage‘, ‘searchreplace‘, ‘map‘, ‘preview‘, ‘fullscreen‘], [‘insertcode‘, ‘paragraph‘, ‘fontfamily‘, ‘fontsize‘, ‘link‘, ‘unlink‘, ‘insertimage‘, ‘insertvideo‘, ‘attachment‘, ‘emotion‘, ‘date‘, ‘time‘]], ‘initialFrameWidth‘: 1000, ‘initialFrameHeight‘: 300, ‘serverUrl‘: ‘/ueditor/controller/?imagePathFormat=uploads%2Fimages%2F&filePathFormat=uploads%2Ffiles%2F‘});

id_content.ready(function(){

});

</script>

注意:一般js放到页面底部,这样可以减轻前端的加载速度,页面响应速度较快

时间: 2024-11-07 03:47:12

django中嵌入百度editor插件的相关文章

在Eclipse中使用Propertites Editor插件来解决property文件中文显示乱码

在一般情况下,propertites文件在eclipse中的显示中文一直显示乱码,想要解决这个问题,需要通过在eclipse中安装一个Propertites Editor插件来进行解决. 在Eclipse Marketplace中选择Propertites Editor,   插件安装: 安装后,propertits文件可以通过此工具来打开: 作者:sdjnzqr 出处:http://www.cnblogs.com/sdjnzqr/ 版权:本文版权归作者和博客园共有 转载:欢迎转载,但未经作者同

在页面中嵌入百度搜索框

呈现效果如下: 实现代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>在页面中嵌入百度搜索框</title> <style> form { width: 500px; height: 50px; padding: 10px 20px 20px; text-align: center; line-height: 50px;

在自己的网页中嵌入百度地图

最近项目需要在网页中嵌入地图,于是在这里记录下网页嵌入百度地图和使用百度地图api自定义地图的步骤,需要的朋友也可以参考下 首先进入http://api.map.baidu.com/lbsapi/creatmap/,搜索自己想要显示的经纬度,即为定义的中心点坐标 其余的在代码中有注释,可以根据自己需要进行更改 <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Conte

在网页中嵌入百度地图

百度地图代码生成器的地址:http://api.map.baidu.com/lbsapi/createmap/index.html 百度开放平台的地址:http://developer.baidu.com/map/ 一,定位中心点,就是你想要作为中心的位置.点击切换城市,输入就行 再选具体位置 二,设置地图 宽高等参数 三,添加标记等 四,获取代码 复制代码

网页中嵌入百度影音播放器的代码

1 <div id="playercontainer"></div> 2 <script type="text/javascript" src="player/cyberplayer.js"></script> 3 <script type="text/javascript"> 4 var player = cyberplayer("playercontai

Cocos2d-x 游戏中嵌入广告(百度插屏)

1.声明Activity <!-- 声明百度的Activity --> <meta-data android:name="BaiduMobAd_APP_ID" android:value="debug" /> <meta-data android:name="BaiduMobAd_APP_SEC" android:value="debug" /> <activity android:n

使用CKplayer插件在网页中嵌入视频的方法(常用笔记2)

在做网站中有时候我们需要在网页中嵌入视频,一般视频嵌入有以下几种方法: 1. 优酷代码嵌入 优点:简单,方便,可靠. 缺点:有广告,现在的网站非常注重用户体验,如果打开一个在线视频是有长广告的一定会崩溃的. 2. 利用<object>标签嵌入视频 优点:也比较方便,对于swf来说不错. 缺点:如果播放的是wmv格式,利用Chrome打开就搞笑了,有时候会提示你安装media player插件,有时候连个提醒都没有.也就是说跨浏览器的能力不足. 不同的视频格式还有不一样的代码,太繁琐. 3. 利

django中 debug-toolbar插件 crm项目补充

django中使用debug-toolbar插件 环境安装: pip install debug-toolbar 在django中的settings中配置以下数据 注册debug-toolbar 中间件中加入 如果是本机测试,需要将127.0.0.1加入到 INTERNAL_IPS 配置jqery中的url 如果在国内无法使用,可以在settings中配置以下, 如果在Django项目中使用了jquery的话就可以直接将这一项置为空,那么django-debug-toolbar 就会使用你项目中

在线安装eclipse中html/jsp/xml editor插件(非常可靠)

之前有一篇文章也是安装eclipse中的web开发插件 ,但是经过很多人使用,那种方法,不是所有人使用都可以. 接下来,找到一种非常管用的方法,就是在线安装. 废话不多说,这种方法绝对可以安装成功. 1.打开eclipse中的help---->Install New Software 2.点击Add按钮,然后弹出一个框,第一个文本框可以随便写,第二个一定要写:http://download.eclipse.org/releases/juno  ,然后确定 3.等那么几分钟回出来如下图所示: 选择