小编A.M*_*ano的帖子

App:我的页面中有一个textarea元素.它使用CodeMirror进行转换,因为我需要缩进并突出显示html代码.Pic在链接中:[textarea using codemirror]

http://uploadingit.com/file/gxftd2cps9wm7zhp/cm.png

以下是使用codemirror的textarea代码:

</textarea>
    <button type="submit">Post</button>       
</form>
 <script>

   var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
     mode: { name: "xml", htmlMode: true },
     lineNumbers: true,
     tabMode: "indent",
     matchBrackets: true,
     path: 'js/', 
     searchMode: 'inline',
     onCursorActivity: function () {
       editor.setLineClass(hlLine, null);
       hlLine = editor.setLineClass(editor.getCursor().line, "activeline");
     }
   });

   var hlLine = editor.setLineClass(0, "activeline");
  </script>

怎么做？:当我点击Post按钮时,所有代码都应该传输到另一个textarea.我需要这与javascript或jQuery,但努力如何做到这一点.任何帮助？

对于真实世界的应用程序,此textarea中的代码(来自上图)应该影响Html Designer API.即,Html设计器中的任何更改都应该反映在此textarea(使用codemirror以提高可读性)和相反的情况.当我在textarea中编辑时,更改应该反映在HtmlDesigner中,但在此模拟案例中 - >在第二个textarea中.

示例:与Visual Studio .Net WebPage代码编辑器一样,具有Designer + Source模式.现在很清楚了吗？

我问如何使用javascript或jquery实现上述机制.非常感谢!