[转载] 关于ckEditor 的一些小知识

最新推荐文章于 2024-09-03 03:55:44 发布

转载最新推荐文章于 2024-09-03 03:55:44 发布 · 448 阅读

js 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个关于CKEditor中使用setData方法时遇到的问题及其解决方案。原作者尝试通过循环方式向编辑器插入数据，但由于setData方法的异步特性导致循环无法完全执行。通过调整代码逻辑，将所有要插入的内容拼接成一个字符串后再调用setData方法，成功解决了这一问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

http://jiangzhenghua.iteye.com/blog/793282

今天写了一段代码：目的是向CKEditor中插入数据如下：

Js代码  

function insertSrc(srcArray){  

            var i=0  

            for (i=0;i<=srcArray.length;i++)  

            {  

                var oEditor = CKEDITOR.instances.articleContent;  

                var editorData_old = oEditor.getData() ;  

                var editorData_new = editorData_old.substring(0,editorData_old.indexOf('</head>'))  

                +   

                srcArray[i]  

                +  editorData_old.substring(editorData_old.indexOf('</head>')) ;  

                oEditor.setData(editorData_new) ;  

            }               

        }

经过调试发现该函数执行有问题，循环中后几个循环不能执行。原因就是CKEDITOR中的setData()方法是ajax异步的。

最终改写代码为：

Js代码  

function insertSrc(srcArray){  

            var oEditor = CKEDITOR.instances.articleContent;  

            var editorData_old = oEditor.getData() ;  

            var old_begin = editorData_old.substring(0,editorData_old.indexOf('</head>')) ;  

            var old_end =  editorData_old.substring(editorData_old.indexOf('</head>')) ;  

            var insertData = '' ;  

            for(var i=0;i<srcArray.length;i++)  

            {  

                insertData = insertData + srcArray[i] ;  

            }  

            var editorData_new =old_begin + insertData + old_end ;  

            oEditor.setData(editorData_new) ;  

        }