Tinymce textarea не отображается правильно - PullRequest
0 голосов
/ 06 июня 2019

Текстовое поле отображает теги html и редактор WYSIWIG.Как не отображать текстовую область с тегами html и только с редактором.

Я загрузил следующие ссылки js и css.

Загружены скрипты

<h1>Incident Notes</h1>
<p></p>
<div class="form-group">
    <input hidden="hidden" name="id" th:value="${incident.id}" /> <label
        for="location">Incident Reference No: </label> <span
        th:text="${incidentRefNo}" />
</div>
<form action="@{/incidentNotes/update}" method="post">
    <input class="form-control" type="text" name="tempNotes"
        id="tempNotes" th:value="${tempNotes}" readonly="readonly"
        hidden="hidden" />
    <textarea id="myTextarea">

  </textarea>


    <hr />

    <div class="form-group ">
        <a class="btn btn-info btn-lg btn-block login-button"
            th:href="@{/incidentDetail?id=}+${incident.id}">Back</a>
    </div>
</form>

<script type="text/javascript">
    $(document)
            .ready(
                    function() {

                        tinymce
                                .init({
                                    selector : '#myTextarea',
                                    skin : "oxide-dark",
                                    height : 800,
                                    plugins : [
                                            "advlist autolink lists link charmap print preview anchor",
                                            "searchreplace visualblocks",
                                            "insertdatetime table contextmenu paste save" ],
                                    toolbar : " save | print | insertfile undo redo |styleselect | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent",
                                    init_instance_callback : function(
                                            editor) {
                                        var tempNotes = $('#tempNotes')
                                                .val();
                                        console.log(tempNotes);
                                        tinymce.get('myTextarea')
                                                .setContent(tempNotes);
                                    },
                                    save_onsavecallback : function() {
                                        var content = tinymce.activeEditor
                                                .getContent();
                                        console.log(content);

                                        var url_string = window.location.href;
                                        var url = new URL(url_string);
                                        var incidentId = url.searchParams
                                                .get("id");
                                        console.log("Incident ID: "
                                                + incidentId);

                                        var oldURL = window.location.href
                                        var index = 0;
                                        var newURL = oldURL;
                                        index = oldURL.indexOf('?');
                                        if (index == -1) {
                                            index = oldURL.indexOf('#');
                                        }
                                        if (index != -1) {
                                            newURL = oldURL.substring(0,
                                                    index);
                                        }

                                        var path = newURL + '/update';

                                        $
                                                .ajax({
                                                    type : 'post',
                                                    cache : false,
                                                    url : path,
                                                    data : {
                                                        content : content,
                                                        incidentId : incidentId
                                                    },
                                                    success : function() {
                                                        tinymce.activeEditor.windowManager
                                                                .alert("This page has been successfully saved");
                                                    }
                                                });
                                    }
                                });
                    });
</script>

Отображается следующее.Текстовое поле отображает загруженный HTML.Как мне просто загрузить редактор?

Результат

Пожалуйста, помогите

1 Ответ

0 голосов
/ 06 июня 2019

Вы, кажется, устанавливаете значение редактора TinyMCE, а <input />, непосредственно предшествующий ему, равняется значению tempNotes.Вы уверены, что это поле ввода скрыто правильно?

   <input class="form-control" type="text" name="tempNotes"
        id="tempNotes" th:value="${tempNotes}" readonly="readonly"
        hidden="hidden" />

Согласно MDN , синтаксис для скрытого ввода:

<input id="prodId" name="prodId" type="hidden" value="xm234jq">

Если выудалить этот ввод для целей тестирования, вы все еще видите строку HTML?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...