В коде текста добавляются кавычки

Предыдущая
1
2
3
4
Следующая
Показаны 16-30 из 47

#16 17 мая 2016 в 16:41

А насчет вопроса темы у Вас случайно нет предположений?
boanro

Действительно забивает кавычки. Пора смотреть в сторону бесплатных и обновляемых редакторов. smile

#17 17 мая 2016 в 18:52

Не могу воспроизвести cry

ЧЯДНТ?

#18 17 мая 2016 в 18:56

Val, вот шифровка

— Набрал 2 раза слово тест
— 4 раза нажал на ентер
— 1 раз нажал на backspace
— 2 раза набрал слово тест
— нажал ентер
— еще 2 раза набрал слово тест
Boanro

забиваем согласно инструкции и нажимаем кнопку просмотра кода.

Сегодня в 15:28

#19 17 мая 2016 в 19:00

Loadырь, я это видел конечно и забивал! Результата 0. Не появляются у меня кавычки… Пробовал на локалке и на демо-сайте.

#20 17 мая 2016 в 19:04

Loadырь, я это видел конечно и забивал! Результата 0. Не появляются у меня кавычки… Пробовал на локалке и на демо-сайте.

Val

Достаточно вернуть назад слово через backspace, и будет тег

Премиум Хостинг по системе Все включено!

#21 17 мая 2016 в 19:22

Похоже, что эта проблема касается только Фаерфокса! На Хроме все хорошо!

#22 17 мая 2016 в 19:24

Достаточно вернуть назад слово через backspace, и будет тег
MaKo

не получается((

И по инструкции Boanro пробовал и "возврат слова через backspace" и как только не пытался набивать enter'ы и backspace, в хроме и лисе на локальном сайте и на демо сайте (у последнего кстати верстка поплыла куда-то)) я тут не причём laugh

)
ничего кроме обычных тегов в коде я не вижу, кавычек нет. Какие еще будут варианты поймать эту багу?

#23 17 мая 2016 в 19:25

Похоже, что эта проблема касается только Фаерфокса! На Хроме все хорошо!

boanro

В лисе и ссылку вставить проблематично, дергается окно, не попадешь, laugh

Премиум Хостинг по системе Все включено!

#24 17 мая 2016 в 19:28

Есть!!! В лисе на демосайте поймал)) dance

#25 17 мая 2016 в 19:46

Есть!!! В лисе на демосайте поймал))
Val

Молодец, каков будет вердикт?

#26 17 мая 2016 в 20:58

Скрипт редактора кодирован разработчиком. Собственно не проблема получить код, и иметь вероятность найти и исправить код редактора. Но это не выход. Кодированный редактор это зло.

А если просто разработчики Инстанта на которых оформлена лицензия попросят разработчиков Redactor исправить ошибку?

#27 17 мая 2016 в 21:03

редактор же периодически обновляеться

В этом релизе обновлены до последних версий:
wysiwyg редактор Redactor (также в этом редакторе добавлено управление таблицами и вставка видео по ссылке с Facebook).

Fuze

думаю можно ждать обновления

#28 17 мая 2016 в 21:44

Просто разработчики redactor могут не знать об этом баге. Ведь даже для самой крутой в мире CMS laugh

эта проблема получила обсуждение только больше чем через месяц после ее появления.

редактор же периодически обновляеться

Jestik

#29 17 мая 2016 в 22:09

Молодец, каков будет вердикт?
Loadырь

Спокойствие, только спокойствие ©.
За 2 минуты найти ошибку не просто laugh

Итак, вердикт:

1. Код обфусцирован разработчиком для его минификации, а не боязни дебага.

2. Получаем начальную версию кода, заменяем ей сжатый вариант и смотрим как там крутятся шестерёнки...
Видим "константу" BACKSPACE. Поиск показывает 7 её вхождений по коду. Нас интересует функция keydown: function() {...}, а конкретнее вот этот ее кусок:

                    if (key === this.keyCode.BACKSPACE) {
                        var block = this.selection.getBlock();
                        var indented = ($(block).css('margin-left') !== '0px');
                        if (block && indented && this.range.collapsed && this.utils.isStartOfElement()) {
                            this.indent.decrease();
                            e.preventDefault();
                            return
                        }
                        if (this.utils.browser('mozilla')) {
                            var prev = this.selection.getPrev();
                            var prev2 = $(prev).prev()[0];
                            if (prev && prev.tagName === 'HR')
                                $(prev).remove();
                            if (prev2 && prev2.tagName === 'HR')
                                $(prev2).remove()
                        }
                        this.keydown.removeInvisibleSpace();
                        this.keydown.removeEmptyListInTable(e)
                    }
                    this.code.sync()

Глобально здесь ничего интересного кроме конечной функции this.code.sync(). Ставим бряк и смотрим что там передается и куда))

                sync: function() {
                    setTimeout($.proxy(this.code.startSync, this), 10)
                },
                startSync: function() {
                    var html = this.$editor.html();
                    if (this.code.syncCode && this.code.syncCode == html || (this.start && html == '')) {
                        return
                    }
                    this.code.syncCode = html;
                    html = this.core.setCallback('syncBefore', html);
                    html = this.clean.onSync(html);
                    this.$textarea.val(html);
                    this.core.setCallback('sync', html);
                    if (this.start === false) {
                        this.core.setCallback('change', html)
                    }
                    this.start = false;
                    if (this.autosave.html == false) {
                        this.autosave.html = this.code.get()
                    }
                    if (this.opts.codemirror) {
                        this.$textarea.next('.CodeMirror').each(function(i, el) {
                            el.CodeMirror.setValue(html)
                        })
                    }
                    this.autosave.onChange();
                    this.autosave.enable()
                },

Здесь в том же окружении вызывается соседняя функция startSync(). В которой собственно обрабатывается исходный код страницы.

3. Я использовал следующую схему: 2 раза Enter, затем любое слово или несколько символов, далее устанавливаю курсор перед словом (Home) и жму клавишу Backspace.
Шагаем по функции startSync и наблюдаем как меняется переменная html. Первоначально после выполнения моей схемы html = ' текст '. Замечаем что к нашей строке ранее добавилось объявление стиля с пустым значением. Это в Firefox, в Хроме исходный код выглядит так:

<p></p><p><span style="line-height: 1.6em; background-color: initial;">текст</span><br></p><p></p>

т.е. стили прописаны и текст обернут в тег span.
Переменная html трансформируется в искомые нами "кавычки" после строки

html = this.clean.onSync(html);

Смотрим что там делается...

Спойлер

                onSync: function(html) {
                    html = html.replace(/\u200B/g, '');
                    html = html.replace(/&#x200b;/gi, '');
                    if (this.opts.cleanSpaces) {
                        html = html.replace(/&nbsp;/gi, ' ')
                    }
                    if (html.search(/^<p>(||\s||<br\s?\/?>||&nbsp;)<\/p>$/i) != -1) {
                        return ''
                    }
                    html = html.replace(/<pre class="redactor-script-tag" style="display: none;"(.*?[^>]?)>([\w\W]*?)<\/pre>/gi, '<script$1>$2</script>');
                    html = this.clean.restoreFormTags(html);
                    var chars = {
                        '\u2122': '&trade;',
                        '\u00a9': '&copy;',
                        '\u2026': '&hellip;',
                        '\u2014': '&mdash;',
                        '\u2010': '&dash;'
                    };
                    $.each(chars, function(i, s) {
                        html = html.replace(new RegExp(i,'g'), s)
                    });
                    if (this.utils.browser('mozilla')) {
                        html = html.replace(/<br\s?\/?>$/gi, '')
                    }
                    html = html.replace(new RegExp('<br\\s?/?></li>','gi'), '</li>');
                    html = html.replace(new RegExp('</li><br\\s?/?>','gi'), '</li>');
                    html = html.replace(/<(.*?)rel="\s*?"(.*?[^>]?)>/gi, '<$1$2">');
                    html = html.replace(/<(.*?)style="\s*?"(.*?[^>]?)>/gi, '<$1$2">');
                    html = html.replace(/="">/gi, '>');
                    html = html.replace(/""">/gi, '">');
                    html = html.replace(/"">/gi, '">');
                    html = html.replace(/<div(.*?)data-tagblock="redactor"(.*?[^>])>/gi, '<div$1$2>');
                    html = html.replace(/<(.*?) data-verified="redactor"(.*?[^>])>/gi, '<$1$2>');
                    var $div = $("<div/>").html($.parseHTML(html, document, true));
                    $div.find("span").removeAttr("rel");
                    $div.find('pre .redactor-invisible-space').each(function() {
                        $(this).contents().unwrap()
                    });
                    html = $div.html();
                    html = html.replace(/<img(.*?[^>])rel="(.*?[^>])"(.*?[^>])>/gi, '<img$1$3>');
                    html = html.replace(/<span class="redactor-invisible-space">(.*?)<\/span>/gi, '$1');
                    html = html.replace(/ data-save-url="(.*?[^>])"/gi, '');
                    html = html.replace(/<span(.*?)id="redactor-image-box"(.*?[^>])>([\w\W]*?)<img(.*?)><\/span>/gi, '$3<img$4>');
                    html = html.replace(/<span(.*?)id="redactor-image-resizer"(.*?[^>])>(.*?)<\/span>/gi, '');
                    html = html.replace(/<span(.*?)id="redactor-image-editter"(.*?[^>])>(.*?)<\/span>/gi, '');
                    html = html.replace(/<font(.*?)>/gi, '');
                    html = html.replace(/<\/font>/gi, '');
                    html = this.tidy.load(html);
                    if (this.opts.linkNofollow) {
                        html = html.replace(/<a(.*?)rel="nofollow"(.*?[^>])>/gi, '<a$1$2>');
                        html = html.replace(/<a(.*?[^>])>/gi, '<a$1 rel="nofollow">')
                    }
                    html = html.replace(/\sdata-redactor-(tag|class|style)="(.*?[^>])"/gi, '');
                    html = html.replace(new RegExp('<(.*?) data-verified="redactor"(.*?[^>])>','gi'), '<$1$2>');
                    html = html.replace(new RegExp('<(.*?) data-verified="redactor">','gi'), '<$1>');
                    html = html.replace(/&amp;/g, '&');
                    return html
                },

После обработки регуляркой

html = html.replace(/<(.*?)style="\s*?"(.*?[^>]?)>/gi, '<$1$2">');  // <- проблема здесь!

наша строка преобразуется из ' текст ' в ' текст ', а затем через функцию

                    var $div = $("<div/>").html($.parseHTML(html, document, true));
                    ...
                    html = $div.html();

Получаем уже знакомые символы:  тек 

Итог — косяк где-то в регулярке😊В целом не силён в них, но если никто не подскажет как исправить, буду думать по возможности))
Необходимо обработать текст, чтобы на выходе получалось текст, т.е. без кавычки 

#30 17 мая 2016 в 23:23

Необходимо обработать текст, чтобы на выходе получалось текст, т.е. без кавычки 
boanro

html = html.replace(/<(.*?)style="\s*?"(.*?[^>]?)>/gi, '<$1$2">'); // <- проблема здесь!
Val

<$1$2"> — а если просто убрать кавычку в заменяемой части?

Предыдущая
1
2
3
4
Следующая
Показаны 16-30 из 47

Как сделать что бы главная был

Меню в двойке.

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

В коде текста добавляются кавычки

Похожие темы

Не добавляются координаты автоматически при добавлении компании

Как оформить тему об ошибке в коде?

Исправить ошибку на Smart Slider

Поиск и исправление ошибки

Не добавляются комментарии

Уникальные заголовки тип контента

InstantCMS Team

О проекте

Поддержка

Дополнения