asp.net如何读取wangeditor(富文本编辑器)的文本框内容？

Question

wangeditor是一款富文本编辑器，其html内容大致如下，然后我想知道asp.net后台如何读取输入的文本的内容

 <div id="top-container" style="margin-top:20px;">
                    </div>
                    <div style="border-bottom: 1px solid #e8e8e8;">
                        <div id="editor-toolbar"></div>
                    </div>
                    <div id="content">
                        <div id="editor-container">
                        
                            <div  id="title-container">
                                <input placeholder="请输入文章标题..."/>
                            </div>
         
                            <div id="editor-text-area" ></div>
                        </div>
                    </div>
                     <!-- <script src="https://cdn.jsdelivr.net/npm/@wangeditor/editor@latest/dist/index.min.js"></script> -->
  <script src="https://unpkg.com/@wangeditor/editor@latest/dist/index.js"></script>
  <script>
      const E = window.wangEditor

      // 切换语言
      const LANG = location.href.indexOf('lang=en') > 0 ? 'en' : 'zh-CN'
      E.i18nChangeLanguage(LANG)

      const editorConfig = {
          placeholder: 'Type here...',
          scroll: true, // 禁止编辑器滚动
          MENU_CONF: {
              uploadImage: {
                  fieldName: 'your-fileName',
                  base64LimitSize: 10 * 1024 * 1024 // 10M 以下插入 base64
              }
          },
          onChange(editor) {
              document.getElementById('Label2').textContent = console.log(editor.getHtml())
              console.log(editor.getHtml())
          }
      }

      // 先创建 editor
      const editor = E.createEditor({
          selector: '#editor-text-area',
          content: [],
          // html: '',
          config: editorConfig
      })

      // 创建 toolbar
      const toolbar = E.createToolbar({
          editor,
          selector: '#editor-toolbar',
          config: {
              excludeKeys: 'fullScreen',
          }
      })

      // 点击空白处 focus 编辑器
      document.getElementById('editor-text-area').addEventListener('click', e => {
          if (e.target.id === 'editor-text-area') {
              editor.blur()
              editor.focus(true) // focus 到末尾
          }
      })
  </script>

wangeditor是一个富文本编辑器，然后我不知道c#或者说asp.net的后台该如何去读取text-area的内容，我目前是发现这个富文本编辑器的内容是出现在

这一个标签中的，但是出现的方式是异步渲染的，然后我实在不知道asp.net的后台该如何去读取这个文本框输入了的内容的，希望有人能详细的解答一下。我JavaScript基本不怎么了解，所以希望解释的时候详细点。

Answer 1

你前端 要写一个 ajax跟后端的.net 接口互通 再把你这个文本的数据传递过去，也可以写webapi mvc 都可以实现。