markItUp! BBCode не работает. JavaScript

Я довольно новичок в кодировании, и у меня есть проблема, которую я просто не могу решить. Я создаю сайт по подбору персонала для моей сестры, где она может загружать предложения о работе, и я хочу, чтобы она могла форматировать текст или, по крайней мере, делать разрывы строк.

Я попробовал CKEditor4 и 5 и другие, а теперь попробовал markItUp! BBCode, который был предложен моим веб-сайтом хостера. Может, кто-то может увидеть, где я ошибся?

Моя страница редактирования должна выглядеть примерно так, но выглядит так , и когда я сохраняю окончательный текст, это выглядит так.

Вот мой код Я что-то здесь упускаю? Я проверил ссылки, кстати, они все правильные пути.

<!DOCTYPE html>
<html>
    <head>
        <title>ibex human resources consulting</title>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css">
        <link rel="stylesheet" type="text/css" href="/css/admin_styles.css">
        <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="  crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js"></script>

        <!-- Load the jQuery and markItUp JavaScript files -->
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
        <script type="text/javascript" src="/markitup/jquery.markitup.js></script>

        <!-- Load the default plugin settings -->
        <script type="text/javascript" src="/markitup/sets/bbcode/set.js"></script>

        <!-- Load the CSS files -->
        <link rel="stylesheet" type="text/css" href="/markitup/skins/markitup/style.css" />
        <link rel="stylesheet" type="text/css" href="/markitup/sets/bbcode/style.css" />

        <!-- Link the textarea element to markItUp -->
        <script type="text/javascript">
            $(document).ready(function () {
                $('#bbcode').markItUp(myBbcodeSettings);

                $('#emoticons a').click(function () {
                    emoticon = $(this).attr("title");
                    $.markItUp({ replaceWith: emoticon });
                  });
                });
        </script>
    </head>
    <body>

        <div class="ui violet segment">
            <h1>Stelle bearbeiten: <%= job.title %></h1>
            <div class="ui divider"></div>
            <form class="ui form" action="/admin/jobs/<%= job.id %>?_method=PUT" method="POST">
                <div class="field">
                    <label>Titel</label>
                    <input type="text" name="title" value="<%= job.title %>">
                </div>

                <div class="field">
                    <label>Beschreibung</label>
                    <textarea name="description" id="bbcode"><%= job.description %></textarea>
                </div>

                <div class="field">
                    <label>Ort</label>
                    <input type="text" name="location" value="<%= job.location %>">
                </div>

                <div class="field">
                    <label>Zeitraum</label>
                    <input type="text" name="time" value="<%= job.time %>">
                </div>
                <button class="ui teal button">Speichern</button>
            </form>
        </div>

    </body>
</html>

Огромное спасибо заранее!

Источник

0 ответов

Другие вопросы по тегам