Ace: HTML 형식으로 게시하기 위해 여러 Ace 편집기를 사용하시겠습니까?

안녕하세요, textarea names 은(는) 무슨 뜻인가요? ace는 양식에서 사용할 수 있는 텍스트 영역을 만들지 않습니다.

@nightwing 그러면 HTML 양식을 통해 POST로 제출된 Ace Editor(사람이 편집할 수 있고 편집할 예정)에서 콘텐츠를 얻으려면 어떻게 해야 합니까? "텍스트 영역 이름"을 의미할 때 텍스트 영역에서 사용할 수 있는 html 속성 "이름"을 참조합니다. 이를 통해 백엔드 스크립트의 텍스트 영역 내부에서 입력을 받고 쿼리 등으로 백엔드 변경을 수행할 수 있습니다. 🤔

다음과 같이 제출할 때 원본 텍스트 영역을 유지하고 값을 업데이트해야 합니다.

<form method="get" action="#">
    <div>
        <textarea name=t1></textarea>
    </div>
    <div>
        <textarea name=t2></textarea>
    </div>
    <div>
        <input type=submit>
    </div>
</form>
<div id=log></div>
<script src="http://ajaxorg.github.io/ace-builds/src/ace.js"></script>
<script>
    function createEditor(name) {
        // find the textarea
        var textarea = document.querySelector("form textarea[name=" + name + "]");

        // create ace editor 
        var editor = ace.edit()
        editor.container.style.height = "100px"
        editor.session.setValue(textarea.value)
        // replace textarea with ace
        textarea.parentNode.insertBefore(editor.container, textarea)
        textarea.style.display = "none"
        // find the parent form and add submit event listener
        var form = textarea
        while (form && form.localName != "form") form = form.parentNode
        form.addEventListener("submit", function() {
            // update value of textarea to match value in ace
            textarea.value = editor.getValue()
        }, true)
    }
    createEditor("t1")
    createEditor("t2")
</script>

오, 고마워요 나이트윙! 나중에 시도해보고 어떻게 되는지 알려드릴게요 :)