使用步骤如下:
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.注意:图片上传和文件上传并没有做跨域防护,需自行修改程序处理.
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.注意:图片上传和文件上传并没有做跨域防护,需自行修改程序处理.
下一篇:
PHP源生实现 生成问答型验证码
友情提示:垃圾评论一律封号...