`

ueditor demo

 
阅读更多

1. 解压ueditor,放到项目的目录下

2. 修改配置ueditor.config.js,可以配置多个,不同功能不同的目录等,引入js的时候分别引入即可

window.UEDITOR_HOME_URL = '/uc/themes/qingdao/public/js/ueditor/';
	
    var URL = window.UEDITOR_HOME_URL || getUEBasePath();

 

3. 需要使用ueditor的位置:

<div class="form-contain" >
	<textarea id="test-ueditor" name="notice_content"></textarea>
</div>
<script type="text/javascript" src="<?php echo __PUBLIC_THEME__;?>/js/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="<?php echo __PUBLIC_THEME__;?>/js/ueditor/ueditor.all.min.js"></script>

<script>
	
	var editor = new UE.ui.Editor();  
	editor.render('test-ueditor');
</script>

 

分享到:
评论

相关推荐

    ueditor Demo

    【ueditor Demo】是一款由百度Web前端研发部精心打造的在线富文本编辑器,它以其轻量级、高度可定制和优秀的用户体验而受到广大开发者和网站管理员的青睐。这款编辑器采用MIT开源协议,允许用户自由地使用和修改源...

    Ueditor demo

    通过学习这个Ueditor demo,你可以了解到如何在实际项目中整合和运用Ueditor,以及如何处理相关的后端交互。这个实例不仅涵盖了前端编辑器的使用,还涉及了后端PHP开发、数据库管理和安全防护等多个方面,对于提升...

    百度富文本编辑器UEditorDemo

    **百度富文本编辑器UEditor简介** 百度富文本编辑器(UEditor)是一款由百度公司开发的开源在线文本编辑器,旨在提供一个易用、功能丰富的富文本编辑体验。它支持多种格式的内容编辑,包括文字、图片、视频、表格、...

    Ueditor Demo

    【Ueditor 概述】 Ueditor 是一个由百度公司开发的开源富文本编辑器,它专为Web开发者设计,提供了一种简单、易用且功能强大的在线文本编辑体验。Ueditor 支持多种浏览器环境,包括Chrome、Firefox、Safari、IE6+等...

    ueditor demo java

    【标题】"ueditor demo java" 是一个基于Java实现的UEditor示例项目,它主要用于在Web应用中集成和使用UEditor这款强大的富文本编辑器。UEditor是一款由百度开发的开源在线编辑器,广泛应用于内容管理系统、博客系统...

    php 富文本编辑器 ueditor demo

    在“php ueditor demo”中,"demo"通常是指演示或示例,用于展示编辑器的基本功能和使用方法。这个压缩包很可能包含了以下内容: 1. **ueditor核心文件**:ueditor主程序,包括JavaScript和CSS文件,用于在前端实现...

    uEditor Demo 包括添加本地图片

    在提供的 "uEditorDemo" 压缩包中,通常会包含以下组成部分: 1. **源码文件**:这些文件包含了uEditor编辑器的JavaScript、CSS和HTML文件,用户可以查看并学习其内部实现机制。 2. **配置文件**:uEditor 的配置...

    asp.net 百度UEditorDemo

    在这个"asp.net 百度UEditorDemo"项目中,开发者使用ASP.NET来创建一个与百度UEditor集成的Web应用。 【百度UEditor】 百度UEditor是一款开源的JavaScript富文本编辑器,广泛应用于网页内容编辑。它提供了多种功能...

    UEditor完整demo

    **UEditor完整Demo详解** UEditor是一款由百度公司开发的开源富文本编辑器,它具有功能强大、性能高效、易用性好等优点,广泛应用于各类网站和应用中,为用户提供方便的在线文本编辑体验。这个"UEditor完整Demo...

    ueditor demo源码

    【ueditor demo源码】是百度提供的一款强大的所见即所得在线文本编辑器的ASP.NET实现版本。这个编辑器广泛应用于网页内容编辑、论坛、博客等场景,它提供了丰富的富文本编辑功能,使得用户在浏览器端可以进行图文...

    百度编辑器UEditor ASP.NET示例Demo

    **百度编辑器UEditor简介** 百度编辑器UEditor是一款由百度公司开发的开源富文本在线编辑器,专为Web开发者设计。它具有丰富的功能、良好的性能以及高度的可定制性,广泛应用于网站内容管理和博客系统中。UEditor以...

    ueditor编辑框demo

    在【压缩包子文件的文件名称列表】"ueditor编辑框demo"中,可能包含了ueditor的示例代码、配置文件、以及演示所需的资源文件。开发者可以通过这个示例来快速理解和学习ueditor的使用方法,包括如何初始化编辑器,...

    百度开源在线文本编辑器(ueditor) demo

    在项目中使用UEditor,首先需要下载其源码包,例如这里的`Baidu.Ueditor.Demo`,解压后包含所需的JavaScript库、CSS样式表以及必要的图片资源。接着,在HTML文件中引入相关脚本和样式,并在合适的位置创建一个用于...

    baidu编辑器 ueditor umeditor demo实例源码

    【百度编辑器 UEditor & UMEditor 示例源码详解】 百度编辑器是一款强大的在线富文本编辑器,主要用于网页内容的编辑和格式化。它提供了丰富的功能,如文本样式、图片上传、链接插入等,使得非技术人员也能轻松编辑...

    ueditor基础功能demo(包含文件上传)

    四、ueditor-demo项目 "ueditor-demo"这个压缩包包含了ueditor的基本使用示例,包括HTML页面、JavaScript配置和必要的CSS样式。开发者可以通过这个例子快速了解ueditor的配置和使用方法,也可以作为开发过程中的参考...

    ASP.NET-MVCUeditorDEMO

    ASP.NET MVC与Ueditor结合的DEMO是一个展示如何在ASP.NET MVC框架中集成并使用Ueditor的实例。这个DEMO包含了一个完整的应用,演示了如何实现在网页上使用Ueditor进行富文本编辑,并且支持图片上传和显示等功能。...

    springboot ueditor demo

    本文将详细介绍如何在SpringBoot项目中集成UEditor,实现一个简单的DEMO。 一、UEditor简介 UEditor是由百度研发的一款开源的富文本编辑器,具有良好的用户体验和丰富的功能。它支持Markdown语法,能够处理复杂的...

    使用UEditor实现富文本编辑图片上传附件上传实例

    1、内含两个文件:①、UEditorDemo.rar ②、UEdtior的简单使用.doc; 2、第一个文件是一个web项目,可以导入MyEclipse中直接启动看效果; 3、第二个文件时一个word文档,记录了UEditor的使用过程; 4、需要一个资源...

    里面具有公式插件的一个ueditor编辑器

    ueditor编辑器然后还有kityformula-plugin数学公式的插件。两个是结合起来用然后就能是编辑器里面有数学公式。可以参考文章https://blog.csdn.net/qq_33769914/article/details/82495754

Global site tag (gtag.js) - Google Analytics