blog 基本算是完成了 0-5篇

管理员 发布于 7年前   383

上面说tool

今天就写 编辑器  lib目录下

我做博客的流程是 前台展示完 到文章评论的时候引入的

这里ueditor编辑器 我就先说了

1 准备 编辑器ueditor1.4.3.3php版下载 目前是最新的

   官方说明文档


2.最新版的使用很简单 根据说明文档修改设置就OK    



[php] view plain copy

 1.<body> <pre>  
2.            编辑器一般步骤  引入    
3.            个性设置   参考ueditor.config.js里面的配置项    
4.                       把需要的配置的选项及值 拿出来  
5.                       写一个对象  把该对象当作参数给    
6.            系统整合   主要就是上传路径的修改  只需把路径改成你想要的存放的路径即可  
7.           </pre>  
8.    <form action="02.php" method="post">    
9.    <!-- 加载编辑器的容器 -->  
10.        <!-- 详细描述 -->  
11.        <table width="90%" >  
12.          <tr>  
13.            <td><textarea id="goods" name="goods"></textarea></td>  
14.          </tr>  
15.        </table>  
16.    <input type="submit" value="提交">  
17.    <button onclick="getContent()">ajax提交</button>  
18.  
19.    </form>       
20.    </script>  
21.    <!-- 配置文件-->  
22.    <script type="text/javascript" src="./1011/ueditor/ueditor.config.js"></script>   
23.    <!-- 编辑器源码文件-->  
24.    <script type="text/javascript" src="./1011/ueditor/ueditor.all.js"></script>   
25.  
26.    <!-- 实例化编辑器 -->  
27.    <script type="text/javascript">  


var ue = UE.getEditor('goods_desc',{   
30.        toolbars: [  
31.        ['fullscreen', 'source', 'undo', 'redo', 'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',  
32.            'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',  
33.            'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',  
34.            'directionalityltr', 'directionalityrtl', 'indent', '|',  
35.            'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',]  
36.              
37.    ],initialFrameWidth:750,initialContent:'欢迎留言!',  
38.    });  
39.  
40. function getContent() {  
41.        var arr = [];  
42.        arr.push("使用editor.getContent()方法可以获得编辑器的内容");  
43.        arr.push("内容为:");  
44.        arr.push(UE.getEditor('goods_desc').getContent());  
45.        alert(arr.join("\n"));  
46.    }  
47.  function getPlainTxt() {  
48.  
49.  }    
50.</script> 

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!

该博客于2020-12-7日,后端基于go语言的beego框架开发
前端页面使用Bootstrap可视化布局系统自动生成

是我仿的原来我的TP5框架写的博客,比较粗糙,底下是入口
侯体宗的博客

      订阅博客周刊

文章标签

友情链接

HouTiZong
侯体宗的博客
© 2020 zongscan.com
版权所有ICP证 : 粤ICP备20027696号
PHP交流群
侯体宗的博客