|
以下文本是以php版本为例的对ueditor 的使用方法进行了详细的说明介绍需要的朋友可以过来参考下 本文以php版本为例
文件下载
还可以自己先定义内容然后下载这样可以帮助我们精简不少东西
以本地php环境为例现在www目录下建立一个app目录作为测试目录然后将下载的ueditor文件夹解压到app文件夹下
然后在app文件夹下建立一个indexphp文件
然后输入以下代码
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<title>编辑器完整版实例</title>
<meta httpequiv="ContentType" content="text/html; charset=UTF">
<script type="text/javascript" src="/ueditor/ueditorconfigjs"></script>
<script type="text/javascript" src="/ueditor/ueditoralljs"></script>
<link rel="stylesheet" href="/ueditor/themes/default/css/ueditorcss"/>
</head>
<body>
<h>UEditor提交示例</h>
<form id="form" method="post" target="_blank">
<script type="text/plain" id="myEditor" name="myEditor">
<p>欢迎使用UEditor！</p>
</script>
<input type="submit" value="通过input的submit提交">
</form>
<p>
从开始会自动同步数据无需再手动调用sync方法
<button onclick="documentgetElementById(form)submit()">通过js调用submit提交</button>
</p>
<script type="text/javascript">
var editor_a = UEgetEditor(myEditor{initialFrameHeight:});
//自动切换提交地址
var doc=document
version=editor_aoptionsimageUrl||"php"
form=docgetElementById("form");
formaction="/getContentphp";
</script>
</body>
</html>
然后再浏览器输入localhost/app/
就可以查看编辑器了
然后会发现图片上传功能无法使用需要打开ueditorconfigjs
然后找到这一行代码
复制代码 代码如下:
var URL = windowUEDITOR_HOME_URL || (function(){
然后再这一行代码的上面加上这行代码
复制代码 代码如下:
windowUEDITOR_HOME_URL||"/app/ueditor/";
然后刷新一下页面图片上传功能就可以使用了
ueditor的官方说明文档地址
官方说明文档中的文件名有错误（应该是版本升级之后没有修改过来）请大家注意
|
