JQuery+PHP 编写一个漂亮的富文本编辑器
  立即下载
使用步骤如下:

1.HTML头部引入以下文件
 
<link rel="stylesheet" href="JunUE/css/font-awesome.css">
<link rel="stylesheet" href="JunUE/css/font.css">
<link rel="stylesheet" href="JunUE/css/global.css">
<link rel="stylesheet" href="JunUE/css/prettify.css">
<script type="text/javascript" src="JunUE/js/lrtk.js"></script>
<script type="text/javascript" src="JunUE/js/jquery.min.js"></script>
<script type="text/javascript" src="JunUE/js/layer.js"></script>
<script type="text/javascript" src="JunUE/js/junphp.js"></script>
<script type="text/javascript" src="JunUE/js/prettify.js"></script>


2.BODY加入代码高亮控件

<body onLoad="prettyPrint()">

3.在需要输出编辑器的区域加入JS代码

<script>JunUE();</script>

4.编辑器默认的文本框name - id值为:content

5.修改文件上传和图片上传的返回路径为pic.class.php 和vic.class.php 文件

6.内容修改时,需要使用以下JS来加载文本框内容

<script type="text/html" id="awardinfo">
文本框内容
</script>
<script>
    JunUE();
    $('#LAY_desc').html($('#awardinfo').html());
    $("#LAY_desc").focus();
</script>

7.注意:图片上传和文件上传并没有做跨域防护,需自行修改程序处理.
相关评论(0)
您是不是忘了说点什么?

友情提示:垃圾评论一律封号...

还没有评论,快来抢沙发吧!