制作在线HTML编辑器

Question

Closed. This question needs to be more focused. It is not currently accepting answers.

                </div>
            </div>
        </div>
                <hr class="my12 outline-none baw0 bb bc-powder-2">
            <div class="grid fw-nowrap fc-black-600">
                    <div class="grid--cell mr8">
                        <svg aria-hidden="true" class="svg-icon iconLightbulb" width="18" height="18" viewbox="0 0 18 18"><path d="M9.5.5a.5.5 0 0 0-1 0v.25a.5.5 0 0 0 1 0V.5zm5.6 2.1a.5.5 0 0 0-.7-.7l-.25.25a.5.5 0 0 0 .7.7l.25-.25zM1 7.5c0-.28.22-.5.5-.5H2a.5.5 0 0 1 0 1h-.5a.5.5 0 0 1-.5-.5zm14.5 0c0-.28.22-.5.5-.5h.5a.5.5 0 0 1 0 1H16a.5.5 0 0 1-.5-.5zM2.9 1.9c.2-.2.5-.2.7 0l.25.25a.5.5 0 1 1-.7.7L2.9 2.6a.5.5 0 0 1 0-.7z" fill-opacity=".4"></path><path opacity=".4" d="M7 16h4v1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-1z" fill="#3F3F3F"></path><path d="M15 8a6 6 0 0 1-3.5 5.46V14a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-.54A6 6 0 1 1 15 8zm-4.15-3.85a.5.5 0 0 0-.7.7l2 2a.5.5 0 0 0 .7-.7l-2-2z" fill="#FFC166"></path></svg>
                    </div>
                <div class="grid--cell lh-md">
                    <p class="mb0">
                        <b>Want to improve this question?</b> Update the question so it focuses on one problem only by <a href="/posts/34428100/edit">editing this post</a>.
                    </p>
                    <p class="mb0 mt6">Closed <span title="2015-12-23 08:25:32Z" class="relativetime">4 years ago</span>.</p>
                </div>
            </div>
    </aside>

Can I make an HTML editor from JavaScript and/or Ajax? I have completely searched Google for a tutorial. It would also help if somebody could point me to a site that would teach me.

</div>

Answer 1

It's very possible to make an online HTML editor. You will probably want to make use of a text area and an iframe. A good solution will involve javascript and possibly PHP. Ajax can be used to keep communication open with the server. A good approach would be to add an onchange event to a text area, which, when triggered would send the input via ajax to a PHP script. The PHP outputs the html to a file that is displayed in the iframe. The iframe can be refreshed via javascript and it will always show the rendered HTML, as it is entered. There are many sites on the web that do this. You should inspect them for further direction.