获取innerhtml textarea

Posted 2023-05-09

【中文标题】获取innerhtml textarea

【英文标题】：get innerhtml textarea

【发布时间】：2011-10-20 23:44:17

【问题描述】：

现场sample question

html

<textarea id="txt"></textarea>
<input type="button" value="click me" onclick="clk();" id="btn"/>

这个文本区域是一个ckeditor 脚本

 function clk()
   
    alert($("#txt").html());
    alert($("#txt").val());
    alert($("#txt").text());
 //   alert($("#txt").innerhtml());

   
   $(document).ready(function()
               editor = CKEDITOR.replace( 'txt',language : 'en',on : );

   );

这个code alert ' ' 怎么能得到innerhtml txt?? 现场smaple question

编辑

当编辑txt 并点击btn 然后val() 警报'''

【问题讨论】：

使用 CKEditor jQuery 适配器。然后val 将起作用。阅读：docs.cksource.com/CKEditor_3.x/Developers_Guide/jQuery_Adapter

【参考方案1】：

textarea 被 iframe 替换（在 textarea 中我认为您不能放置图像）。

这似乎是关于如何从 cke iframe 获取内容的答案：Get CKEditor content? - jQuery

【参考方案2】：

试试这个，如果你在 textarea 中有任何东西，它会提醒一些东西。由于它是一个输入元素，因此它具有 value 属性，因此只需使用 val() 方法即可。

$("#txt").val();

【讨论】：

你能试试这个$("#txt").val("testData")和alert($("#txt").val())吗？你得到了什么？

这显示 testdata 但我希望当用户编辑文本并单击 btn alert which taht edit

如果用户在 textarea 中输入内容，它肯定会提醒。您可以在发出警报之前进行空或空检查。如果值的开头或结尾有空格，请使用 $.trim() 方法修剪值

【参考方案3】：

您必须使用 getData() 从 CKEditor 获取 innerhtml

click here

【参考方案4】：

$('#txt).val(); 仅适用于简单的文本区域。你想给CKEditor-textarea发短信。请参阅此处 ***.com/questions/4826036/get-ckeditor-content-jquery。看起来你的问题与它有关。

【参考方案5】：

要获取文本区域的内部文本，如 .html() 方法，您可以使用此代码将 \n 替换为

$("#txt").val().replace('\n',"<br />");