Question

就像文章出版人可以发表他们的文章。一旦他们点击它必须显示在下面的按钮。但在textarea或div不想要文本编辑功能。一旦点击它必须再次显示在下面的按钮，他们可以发布（多个）。

//<![CDATA[
        bkLib.onDomLoaded(function() { nicEditors.allTextAreas() });
  //]]>
  </script>
  <script type="text/javascript">
    function doMagic() {

        var homeTown = document.getElementById("hometown").value;
        document.getElementById("comment").value = homeTown;


    }

<script src="http://js.nicedit.com/nicEdit-latest.js"></script>
<textarea name="area2" id="hometown" style="width: 100%;">
       Some Initial Content was in this textarea
</textarea>
  <input type="button" class="btn btn-success" value="publish" onClick="doMagic();" style="margin-top:20px; margin-bottom:20px;"></input>


 <div class="container">
   <div class="col-md-12">
 <textarea  id="comment" style="background-color:#000;"></textarea>
  </div>
 </div>

Answer 1

bkLib.onDomLoaded(function() { nicEditors.allTextAreas() });
function doMagic() {
      var homeTown = document.getElementById("hometown").value;
      var ed = nicEditors.findEditor('comment')
      ed.setContent(homeTown);
    }

<script src="http://js.nicedit.com/nicEdit-latest.js"></script>
<textarea name="area2" id="hometown" style="width: 100%;">
       Some Initial Content was in this textarea
</textarea>
  <input type="button" class="btn btn-success" value="publish" onClick="doMagic();" style="margin-top:20px; margin-bottom:20px;"></input>


 <div class="container">
   <div class="col-md-12">
 <textarea  id="comment"></textarea>
  </div>
 </div>

从NiceEdit的documentation，很明显，要在已经使用niceedit初始化的文本区域中设置值，您需要使用OOTB函数。因此，不要使用vanilla JS，而是使用

var ed = nicEditors.findEditor('comment');
ed.setContent(homeTown);

Answer 2

你只需要在那个textarea中显示吗？看来插件会将该页面中的所有textarea转换为编辑器。

如果你想要，你可以简单地在div上显示。

//<![CDATA[
        bkLib.onDomLoaded(function() { nicEditors.allTextAreas() });
  //]]>
  </script>
  <script type="text/javascript">
    function doMagic() {

        var homeTown = document.getElementById("hometown").value;
        document.getElementById("comment").innerHTML = homeTown;


    }

并将id提供给div。

<script src="http://js.nicedit.com/nicEdit-latest.js"></script>
<textarea name="area2" id="hometown" style="width: 100%;">
       Some Initial Content was in this textarea
</textarea>
  <input type="button" class="btn btn-success" value="publish" onClick="doMagic();" style="margin-top:20px; margin-bottom:20px;"></input>


 <div class="container">
   <div class="col-md-12" id="comment">

  </div>
 </div>

单击按钮后，textarea的内容应显示给另一个div或textarea。点击后第一个textarea应该清除。

2 个答案: