Question

为了回答这个问题（Use Froala Editor with JSF），我需要传递与此类似的div的内容：

<div class="fr-view">
  Aaaaaaaaaaaaaaaaaa
</div>

单击commandButton时，输入以下inputTextarea（＃{newArticleController.body}）的值。

<h:form id="formId">
  <h:inputTextarea id="articleBody" value="#{newArticleController.body}" styleClass="articleTextarea"/>
  <h:commandButton value="Save" action="#{newArticleController.newArticle}"/>
</h:form>

我尝试过以下操作但不起作用：

   <script>
     function updateBody() {
       var body = document.getElementById('formId:articleBody');
       var div = $('.fr-view');
       body.value = div.value;
     }
   </script>

   ...

   <h:form id="formId">
     <h:inputTextarea id="articleBody" value="#{newArticleController.body}" styleClass="articleTextarea"/>
     <h:commandButton value="Save" action="#{newArticleController.newArticle}" onclick="updateBody();"/>
   </h:form>

我总是在body变量中收到null。关于如何解决它的任何想法？

Answer 1

正确的$（＆＃39; .fr-view＆＃39;）是div $('.fr-view')无效。要获取文字或div的innerHtml，您需要使用$('fr-view').html()或$('fr-view').text()

Answer 2

最后我在没有onclick javascript代码的情况下解决了它。我把pt：name =＆＃34;内容＆＃34;在inputTextarea中。当我删除它时，它工作。

用于更改textarea值的命令按钮

2 个答案: