WedX - журнал о программировании и компьютерных науках

Преобразование обратно в BBCode из HTML при редактировании

Я могу прекрасно конвертировать текст из BBCode в HTML, но, скажем, я хочу отредактировать код на странице, на которой он отображается, с тегами HTML вместо BBCode при редактировании в <textarea> с использованием AJAX.

Скажем, например, я отправляю [b]bold text[/b] и сохраняю его в своей базе данных. На странице он будет отображаться жирным шрифтом. Когда я пытаюсь отредактировать это на странице, оно отображается как <strong>bold text</strong>, а затем, когда я его сохраняю, оно избавляется от тегов HTML, потому что я использую htmlspecialchars().

Чтобы преобразовать BBCode в HTML, я использую это:

$search = array (
    '/(\[b\])(.*?)(\[\/b\])/',
    '/(\[i\])(.*?)(\[\/i\])/',
    '/(\[u\])(.*?)(\[\/u\])/',
    '/(\[ul\])(.*?)(\[\/ul\])/',
    '/(\[li\])(.*?)(\[\/li\])/',
    '/(\[user=)(.*?)(\])(.*?)(\[\/user\])/',
    '/(\[quote\])(.*?)(\[\/quote\])/',
    '/(\[code\])(.*?)(\[\/code\])/'
);

$replace = array (
    '<strong>$2</strong>',
    '<em>$2</em>',
    '<u>$2</u>',
    '<ul>$2</ul>',
    '<li>$2</li>',
    '<a href="../login/profile?u=$2" target="_blank">$2</a>',
    '<quote>$2</quote>',
    '<code>$2</code>'
);

$string = preg_replace($search, $replace, $string);

Строка — это любой текст, который извлекается из базы данных.

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

Вот как выглядит AJAX с комментариями, которые помогут вам понять его:

$('#editPost').click(function() { //Button used to edit posts
    $('#editablePost').val($('#post').html()); //Textarea gets the post html
    $('#editablePost').show(); //The textarea is hidden until needed
    $('#post').hide(); //Hides original post
    $('#editablePost').focus(); //Focuses on the textarea
});

$('#savePost').click(function() { //Button used to save posts
    $('#post').html($('#editablePost').val()); //Post gets the value of textarea
    $('#editablePost').hide(); //Hides the textarea
    $('#post').show(); //Shows post with new text in it
    // Code below is what I use to send the information to the database and update
    $detail = $('#post').text();
    $edit = $('#editPostTime').text();
    $id = $('#questionId').text();
    $.ajax({
        url: 'editPost.php',
        type: 'post',
        data: {detail: $detail, edit: $edit, id: $id},
        datatype: 'html',
        success: function() {
            <?php
            date_default_timezone_set('Europe/London');
            $datetime = date("d/m/y H:i"); // create date and time
            ?>
            $('#editPostTime').text('Edited: <?php echo $datetime; ?>'); //Updates on page when post was edited
    }});
});

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

07.04.2018

  • Возможно, лучшим подходом было бы сохранить BBcode в базе данных и преобразовать его только тогда, когда вам нужно вывести его в виде HTML. 08.04.2018
  • Это то, что он делает, база данных хранит код с BBCode в нем, а затем преобразует в HTML, когда на странице. 08.04.2018
  • Недостаточно кода, чтобы это знать. Что мешает вам установить BBcode в качестве значения текстовой области? 08.04.2018

Ответы:


1

Просто взорвался мозг!

В текстовое поле, которое я скрываю, я просто вставляю исходный код, который не преобразован в HTML, и он работает!

07.04.2018
Новые материалы

Как создать диаграмму градиентной кисти с помощью D3.js
Резюме: Из этого туториала Вы узнаете, как добавить градиентную кисть к диаграмме с областями в D3.js. Мы добавим градиент к значениям SVG и применим градиент в качестве заливки к диаграмме с..

Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что это выглядит сложно…
Просто начните и учитесь самостоятельно Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что он кажется мне сложным, и я бросил его. Это в основном инструмент..

Лицензии с открытым исходным кодом: руководство для разработчиков и создателей
В динамичном мире разработки программного обеспечения открытый исходный код стал мощной парадигмой, способствующей сотрудничеству, инновациям и прогрессу, движимому сообществом. В основе..

Объяснение документов 02: BERT
BERT представил двухступенчатую структуру обучения: предварительное обучение и тонкая настройка. Во время предварительного обучения модель обучается на неразмеченных данных с помощью..

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

Работа с цепями Маркова, часть 4 (Машинное обучение)
Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..

Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..


Для любых предложений по сайту: [email protected]