Ace changes the element's location in DOM? #5179

adrianocastro189 · 2023-05-22T16:32:51Z

adrianocastro189
May 22, 2023

I've been trying to follow the How-to-guide section to transform a text area in my website into a markdown editor.

I realized that if I structure my page like:

<body>
    <div id="element-1">
        <div id="element-2">
            <div id="editor">test</div>
       </div>
    </div>
</body>

And then:

<script>
    jQuery(document).ready(function() {
        var editor = ace.edit("editor");
        editor.setTheme("ace/theme/monokai");
        editor.session.setMode("ace/mode/markdown");
    });
</script>

When the page loads, the markdown editor is built, however, it's moved to the bottom, closed to </body>.

<body>
    <div id="element-1">
        <div id="element-2">
       </div>
    </div>
    <div id="editor">...</div>
</body>

Is that expected?

Of course, I can try to find ways to move that element later with JavaScript and even add some positioning with CSS, but I was looking for something simpler like Bookmarklet Builder does.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Ace changes the element's location in DOM? #5179

{{title}}

Replies: 0 comments

Select a reply

Ace changes the element's location in DOM? #5179

adrianocastro189 May 22, 2023

Replies: 0 comments

adrianocastro189
May 22, 2023