发表于: 2017-05-10 22:07:45
0 887
今天完成的事情:上午搜查网上关于引入umeditor的方法,然后下载了ueditor的mini版,因为其中有index.html的文件,能够正常演示富文本编辑器,所以就按照完全演示的html进行了demo的重新制作。首先是将demo放在了外边同task.html文件同级,然后修改了一系列的js和css文件引入的路径。在按照网上的提示,在body中建立
<script id="editor" type="text/plain" style="width:80%;height:240px;">
这里写初始化的内容!!!!!
</script>,
随后再写
<script type="text/javascript">
//1.2.4以后可以使用一下代码实例化编辑器
var ue = UM.getEditor('editor');
</script>
然后就正常显示了。demo做好后,下午和晚上一直试图将demo的文件引入到网页中,但是一直没能实现,后来就在新增页写相关的的代码,还是没有显示出来。倒是在首页写的代码渲染出来富文本编辑器,不知道其中原因是什么。
明天计划的事情:做好富文本编辑器在网页中的加载,提取内容上传,完成任务10!
遇到的问题:
在编写demo代码后,在验证各项功能的时候,发现设置字体大小和样式的三个select不起作用了,后来找了半天原因,又在umeditor根目录下的umeditor.config中进行设置,还是没有改掉问题。最后快刀斩乱麻,直接重新做了一份,只是修改了js和css的路径,四种后台的文件进行了删除,才使功能正常使用。可能是修改了其中的代码造成的,原因没找到。以下是在本地写的demo文件。
现在主要是demo引导任务网页中无法渲染显示,做了一下午和晚上,都在尝试,目前只是在首页把demo中的代码原样复制进行会被渲染出来,倒是在跳转页面什么也不显示,很是着急。
目前在首页显示的效果:
收获:清楚地知道富文本编辑器怎么写成demo,然后不会报警,并且富文本编辑器在本地也可以正常使用。目前就是引入到项目中卡壳了,希望明天有突破!
评论