从CKeditor获取非html文本

Question

在我的应用程序中，在“插入新闻”部分，我使用新闻内容的子字符串作为新闻摘要。为了从用户那里获取新闻内容文本，我使用CKEditor，而对于新闻摘要，我使用子字符串方法来获取特定长度的新闻content.but当我使用CKEditor时，我会获得带有html标记而不是纯文本的文本，而当我使用子字符串方法时，我的新闻摘要就会变得混乱！如何从该控件获取原始文本？i read this但不能使用getText()方法

Answer 1

像这样做

//getSnapshot() retrieves the "raw" HTML, without tabs, linebreaks etc
var html=CKEDITOR.instances.YOUR_TEXTAREA_ID.getSnapshot();
var dom=document.createElement("DIV");
dom.innerHTML=html;
var plain_text=(dom.textContent || dom.innerText);

alert(plain_text);

维奥拉，拿上你想要的那部分plain_text。

更新/示例

添加此javascript

<script type="text/javascript">
function createTextSnippet() {
    //example as before, replace YOUR_TEXTAREA_ID
    var html=CKEDITOR.instances.YOUR_TEXTAREA_ID.getSnapshot();
    var dom=document.createElement("DIV");
    dom.innerHTML=html;
    var plain_text=(dom.textContent || dom.innerText);

    //create and set a 128 char snippet to the hidden form field
    var snippet=plain_text.substr(0,127);
    document.getElementById("hidden_snippet").value=snippet;

    //return true, ok to submit the form
    return true;
}
</script>

在HTML中，将createTextSnippet作为onsubmit-handler添加到表单中，例如

<form action="xxx" method="xxx" onsubmit="createTextSnippet();" />

在表单内部，在<form>和</form> insert之间

<input type="hidden" name="hidden_snippet" id="hidden_snippet" value="" />

提交表单后，您可以在服务器端访问hidden_snippet以及表单中的其他字段。

Answer 2

尝试像这样的代码：

CKEDITOR.instances.editor1.document.getBody().getText();

它对我来说很好。您可以在http://ckeditor.com/demo上测试它。这并不理想(表单元格中的文本连接在一起，没有空格)，但可能足以满足您的需要。

EDIT (2017年12月20日)： CKEditor 4演示已移至https://ckeditor.com/ckeditor-4/，并使用不同的编辑器名称，因此要执行的新代码为：

CKEDITOR.instances.ckdemo.document.getBody().getText();

同样重要的是，它将在“文章编辑器”中工作，而在“内联编辑器”中，您需要获取不同元素的文本：

CKEDITOR.instances.editor1.editable().getText();

Answer 3

我个人使用这种方法来压缩代码，并删除双空格和换行符：

        var TextGrab = CKEDITOR.instances['editor1'].getData();
        TextGrab = $(TextGrab).text(); // html to text        
        TextGrab = TextGrab.replace(/\r?\n|\r/gm," "); // remove line breaks   
        TextGrab = TextGrab.replace(/\s\s+/g, " ").trim(); // remove double spaces