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

[Бек 2]

В редакторе краткой новости мне надо вставить следующий код  от изображения:

<div class="cod"><img src="templates/vipflex/images/GIF_VIDEO/1_DA_EhTO_MIh_VZORVALI/DA_EhTO_MIh_VZORVALI.jpg" alt="" style="width:309px;"></div>

естественно данный класс прописан у меня в табличке стилей.

Идея которую мне надо реализовать, в следующем;

Нужно при наведении на картинку мышкой сменить ее на  другое изображение. Вообщем задача довольно банальная, но ... 

Итак, я вставляю код и жду результата, а редактор втихую изменяет мой код на непонятную лабуду. Он дописывает лишний класс. Вот этот кусочек:  class="fr-fic fr-dii"

 

<div class="cod"><img src="templates/vipflex/images/GIF_VIDEO/1_DA_EhTO_MIh_VZORVALI/DA_EhTO_MIh_VZORVALI.jpg" alt="" style="width:309px;" class="fr-fic fr-dii"></div>

То что хочу получить я и то, что скрипт не позволяет сделать - очевидно. 

 

Ждать от техподдержки ответа в течении 2 дней  - повеситься можно.

Положение дерьмовое, вот  решил написать сюда((

Изменено 15 февраля 2018 пользователем Бек

[alex32 942]

вообще непонятно, чем этот класс вам мешает в реализации того, что вы задумали

[Бек 2]

Привет!

 Подумал, что у меня не получается задуманное,  по причине, того, что появляется в строке кода лишний класс. Все это настораживает и указывает на неправильную работу скрипта. Ведь код должен быть таким каким его задумал  дизайнер, а тут целый класс нарисовался,, который и подправить-то невозможно. Место где он появляется  выбрано мною не случайно, ибо я всегда в этом месте проставляю нужные мне классы, а тут получается мой стирается и совсем бесполезный класс ставится движком на его место, без моего на то  дозволения.

Причем видоизменить этот класс невозможно.

Выглядит все это, знаете ли, как прямая диверсия))

Это же не нормально, когда код сам без моего вмешательства рисует классы которые не были мною предусмотрены. Как вы думаете? 

Спасибо что отозвались - вот бы еще  и дело с вами сделать ))

С уважением к alex32.

 

P.S.

В табличке стилей пишу следующее:

div.cod {

background: url (templates/vipflex/images/GIF_VIDEO/1_DA_EhTO_MIh_VZORVALI/DA_EhTO_MIh_VZORVALI.jpg); /* Путь к файлу с исходным рисунком */

width: 240px; /* Ширина рисунка */

height: 180px; /* Высота рисунка */

}

div.cod:hover {

background: url (templates/vipflex/images/GIF_VIDEO/1_DA_EhTO_MIh_VZORVALI/DA_EhTO_MIh_VZORVALI_2.jpg); /* Путь к файлу с заменяемым рисунком */

}
 

 

Изменено 15 февраля 2018 пользователем Бек
забыл добавить

[celsoft 6 082]

6 минут назад, Бек сказал:

Подумал, что у меня не получается задуманное,  по причине, того, что появляется в строке кода лишний класс.

На самом деле это неверно. Добавление новых классов никак не влияет на то что у вас там что то не работает, т.к. ничего вашего не удаляется. Вы пользуетесь редактором floara, который для выравнивания картинок использует классы, поэтому он их ставит. Переключитесь в настройках скрипта например на редактор tinyMCE, он не использует классов для форматирования.

 

7 минут назад, Бек сказал:

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

Где в вашем коде что то стерлось редактором? Никаких ваших классов редактор не стирал. Что и видно в коде,  который вы написали.

 

9 минут назад, Бек сказал:

Это же не нормально, когда код сам без моего вмешательства рисует классы которые не были мною предусмотрены. Как вы думаете? 

Во первых вы пользуетесь визуальным редактором, а не просто textarea полем. А визуальному редактору нужно оформлять то что написано в нем, чтобы это визуально корректно отображалось как и должно. В DLE есть целых три редактора, на любой выбор и вкус. Floara использует классы для оформления, tinyMCE использует стили, BBCODES использует полный хардкор, и в нем все вручную прописывается.

[Бек 2]

Только что, celsoft сказал:

Где в вашем коде что то стерлось редактором? Никаких ваших классов редактор не стирал. Что и видно в коде,  который вы написали.

 

Вот, к примеру,  только что,   вставляю в редактор краткой новости следующий код:

 

<div><img src="templates/vipflex/images/GIF_VIDEO/1_DA_EhTO_MIh_VZORVALI/DA_EhTO_MIh_VZORVALI.jpg" alt="" style="width:309px;" class="cod"></div>
 

А мне после сохранения выдает следующее:

 

<div><img src="templates/vipflex/images/GIF_VIDEO/1_DA_EhTO_MIh_VZORVALI/DA_EhTO_MIh_VZORVALI.jpg" alt="" style="width:309px;" class="cod fr-fic fr-dii"></div>

 

У меня ведь в табличке стилей совсем иной класс прописан?

Если сравнить мое написание класса  и то что двиг создал после сохранения, то это как назвать?

Создавал class="cod", а получаю после сохранения непонятное - class="cod fr-fic fr-dii" 

Я и подумал, что реализовать мною задуманное, видимо,  невозможно при таких выкрутасах редактора кода. Или я неправ?

С уважением

Изменено 15 февраля 2018 пользователем Бек

[alex32 942]

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

Изменено 15 февраля 2018 пользователем alex32

[Бек 2]

Только что, alex32 сказал:

Так в чем проблема то на самом деле?

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

В строке кода мой класс подменяется другим классом, после того как я его сохраняю .

Таблица стилей, естественно, при таких условиях работать отказывается - там ведь иной класс прописан.

Пишу это:

 

<div><img src="templates/vipflex/images/GIF_VIDEO/1_DA_EhTO_MIh_VZORVALI/DA_EhTO_MIh_VZORVALI.jpg" alt="" style="width:309px;" class="cod"></div>

 

А вот что получаю на выходе :

 

<div><img src="templates/vipflex/images/GIF_VIDEO/1_DA_EhTO_MIh_VZORVALI/DA_EhTO_MIh_VZORVALI.jpg" alt="" style="width:309px;" class="cod fr-fic fr-dii"></div>

Только что, celsoft сказал:

Переключитесь в настройках скрипта например на редактор tinyMCE, он не использует классов для форматирования.

 

Та же самая история мой класс подменяется на другой))

 

Пишу это:

 

<div><img src="templates/vipflex/images/GIF_VIDEO/1_DA_EhTO_MIh_VZORVALI/DA_EhTO_MIh_VZORVALI.jpg" alt="" style="width:309px;" class="cod "></div>

 

А вот что получаю на выходе :

 

<div><img src="templates/vipflex/images/GIF_VIDEO/1_DA_EhTO_MIh_VZORVALI/DA_EhTO_MIh_VZORVALI.jpg" alt="" style="width:309px;" class="cod fr-fic fr-dii"></div>

Изменено 15 февраля 2018 пользователем Бек

[celsoft 6 082]

35 минут назад, Бек сказал:

У меня ведь в табличке стилей совсем иной класс прописан?

class="cod fr-fic fr-dii" это не другой класс. Это перечисление классов, и каждый из этих классов задействуется и используется. Элемент HTML может содержать одновременно несколько классов, а не только один. Ничего у вас не подменяется. Добавление это не подмена и не замена. Вам нужно немного прочитать про базовые функции HTML и CSS. У вас не получается сделать не потому что вам классы добавляются, а потому что вы в своем классе прописываете неправильно, вот и все.

[Бек 2]

Только что, celsoft сказал:

У вас не получается сделать не потому что вам классы добавляются, а потому что вы в своем классе прописываете неправильно, вот и все.

Пропишите Вы, если знаете - пожалуйста!

Противном случае  буду думать, что косячит движок.

Файл таблички стилей у меня подключен, так как через нее я меняю размер картинки. Проблема, прописать класс. Класс не прописывается  - подменяется. 

Изменено 15 февраля 2018 пользователем Бек

[celsoft 6 082]

42 минуты назад, Бек сказал:

Пропишите Вы, если знаете - пожалуйста!

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

 

44 минуты назад, Бек сказал:

Противном случае  буду думать, что косячит движок.

Думать вы можете что хотите, это ваше неотъемлемое право, но это не значит что ваши мысли соответствуют фактам и действительности.

 

44 минуты назад, Бек сказал:

Файл таблички стилей у меня подключен, так как через нее я меняю размер картинки.

Открываете веб инспектор браузера для этого и элемента и смотрите, там применяется ли то что вы там прописали, и что его отменяет в вашем шаблоне.

45 минут назад, Бек сказал:

Класс не прописывается  - подменяется. 

Повторю еще раз. В вашем коде, что вы тут сами же привели, ваш класс прописан, и не убран, и все с точки зрения HTML там корректно. Это скажу вам не только я, а любой вебмастер, кто знает HTML стандарты.

[Бек 2]

Только что, celsoft сказал:

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

 

Я тут перед вами,  достаточно,  все подробно расписал. Что я намерен был сделать, как выглядит мой код. Задача просто примитивнейшая. А вы мне тут по новому кругу задаете вопросы:

 

Только что, celsoft сказал:

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

 

Я  подробнейшим образом описал свою проблему в данной теме.  Преследуемую мною цель и задачу смены изображений, предоставил в полном объеме используемый  код. Однако, судя по тому как вы отвечаете, создается ощущение,  что вы не желаете  вникнуть  в  сию проблему,.

Если знаете ответ по сути данного вопроса предложите свой  код.. Если не знаете - тогда признайтесь в своем бессилии, перед проблемой смены двух изображений)) 

 

С уважением.

[alex32 942]

при вставке 

<div class="cod"><img src="templates/vipflex/images/GIF_VIDEO/1_DA_EhTO_MIh_VZORVALI/DA_EhTO_MIh_VZORVALI.jpg" alt="" style="width:309px;"></div>

Floara не удаляет класс  из div, только что проверил. а что он добавляет класс картинке, это не имеет никакого значения. Так что просто непонятно, что там может не получаться. проблема исключительно в вашем неумении.

 

2 часа назад, Бек сказал:

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

И где реализация этого? Вот это что ли?

 

2 часа назад, Бек сказал:

div.cod {

background: url (templates/vipflex/images/GIF_VIDEO/1_DA_EhTO_MIh_VZORVALI/DA_EhTO_MIh_VZORVALI.jpg); /* Путь к файлу с исходным рисунком */

width: 240px; /* Ширина рисунка */

height: 180px; /* Высота рисунка */

}

div.cod:hover {

background: url (templates/vipflex/images/GIF_VIDEO/1_DA_EhTO_MIh_VZORVALI/DA_EhTO_MIh_VZORVALI_2.jpg); /* Путь к файлу с заменяемым рисунком */

}

Так это не имеет отношения никакого к реальности. Потому что при таком подходе картинку вообще не надо вставлять. Вставлять надо просто 

<div class="cod"></div>

и в стилях, где описывается :hover ширину и высоту тоже надо добавить.

Вывод - из-за неумения и незнания html и css развели холивар о неотносящихся к проблеме визуальных редакторах  и обвинили разработчика движка в непрофессионализме.

[Бек 2]

Только что, alex32 сказал:

и в стилях, где описывается :hover ширину и высоту тоже надо добавить.

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

Спасибо , что акцентируете на этом внимание.

Однако, указания где допущена ошибка в  коде от вас не поступало.

Покажите же ваше умение -  был бы , весьма, признателен. 

 

Изменено 15 февраля 2018 пользователем Бек

[celsoft 6 082]

24 минуты назад, Бек сказал:

Однако, указания где допущена ошибка в  коде от вас не поступало.

Вы почему не читаете  того что вам пишут, вам же написали о вашей ошибке:

3 часа назад, Бек сказал:

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

И где реализация этого? Вот это что ли?

 

4 часа назад, Бек сказал:

div.cod {

background: url (templates/vipflex/images/GIF_VIDEO/1_DA_EhTO_MIh_VZORVALI/DA_EhTO_MIh_VZORVALI.jpg); /* Путь к файлу с исходным рисунком */

width: 240px; /* Ширина рисунка */

height: 180px; /* Высота рисунка */

}

div.cod:hover {

background: url (templates/vipflex/images/GIF_VIDEO/1_DA_EhTO_MIh_VZORVALI/DA_EhTO_MIh_VZORVALI_2.jpg); /* Путь к файлу с заменяемым рисунком */

}

Так это не имеет отношения никакого к реальности. Потому что при таком подходе картинку вообще не надо вставлять. Вставлять надо просто 

<div class="cod"></div>

 

Ваш CSS код  не подразумевает наличие в диве картинки, а вы туда ее зачем то поставили. Вы не знаете очевидной разницы между background свойством CSS и тегом HTML <img>? Более того смотря CSS абсолютно очевидно, что там прописаны относительные пути  "templates/vipflex/images/GIF_VIDEO/1_DA_EhTO_MIh_VZORVALI/", у вас что CSS файл шаблона в корне сайта находится? что вы в нем относительно него же указываете пути причем как уже от корня. Если собираетесь указывать путь с корня, то и прописывать нужно абсолютные пути, а не относительные. Ваши ключевые ошибки в вашем же CSS, и никакого отношения к редактору и уж тем более к DLE не имеют никакого отношения.

 

Совершив одновременно собственнолично две грубые ошибки:

 

1. Неправильно прописали код в новости.

2. Неправильно указали в CSS пути к картинкам.

 

Которые собственно и являются результатом того, почему у вас не работает. Вы почему-то решили во всем обвинить DLE и редактор.

[Бек 2]

Спасибо за помощь. 

[Бек 2]

Для тех кому была интересна моя проблема я выкладываю вполне рабочий код:

Нашел тему здесь:  пример кнопки Просто заменил на свои картинки. 

<p><img src="templates/vipflex/images/GIF_VIDEO/1_DA_EhTO_MIh_VZORVALI/DA_EhTO_MIh_VZORVALI.jpg" width="300" height="200" onmouseover="this.src='templates/vipflex/images/GIF_VIDEO/1_DA_EhTO_MIh_VZORVALI/DA_EhTO_MIh_VZORVALI.gif'; this.width=300;this.height=200;" onmouseout="this.src='templates/vipflex/images/GIF_VIDEO/1_DA_EhTO_MIh_VZORVALI/DA_EhTO_MIh_VZORVALI.jpg'; this.width=300;this.height=200;"></p>

 

В моем случае : статическую картинку меняет анимационная. Однако, мои претензии к движку остаются в силе.

После того как я вставил код и нажал ок,  картинка  появляется в редакторе краткой новости и прекрасно реагирует на мышку.  Однако, стоит сохранить и закрыть редактор. От кода остается лишь ошметок кода:

<p><img src="templates/vipflex/images/GIF_VIDEO/1_DA_EhTO_MIh_VZORVALI/DA_EhTO_MIh_VZORVALI.jpg" width="300" height="200" alt=""></p>

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

Что думать не знаю? Хотелось бы получить ответ на этот вопрос((

 

[alex32 942]

5 минут назад, Бек сказал:

Я полагаю всем должно быть очевидно, что код уничтожает движок.

И правильно уничтожает. Js запрещен к публикации новостей в целях безопасности. Это раз. Два - ваш последний пример - это корявый костыль. Все это прекрасно делается с помощью css. если что-то можно сделать с помощью css, не надо делать с помощью костыле на JS.

[celsoft 6 082]

27 минут назад, Бек сказал:

Я полагаю всем должно быть очевидно, что код уничтожает движок.

Опасный код конечно удаляет, к чему и относится собственно JS код который вы добавили в новость. JS это язык программирования, который не только картинки менять может. JS может что угодно делать с сайтом, включая и отправку ваших доступов от сайта злоумышленникам. Поэтому все это DLE удаляет, как представляющее угрозу.

 

27 минут назад, Бек сказал:

Как сделать так, чтобы код был таким каким его хотел видеть я, а не движок.

Ваш код это "привет из девяностых", когда HTML и CSS был в зачатке и писали "костыли на JS скриптах". В 2018 году, все делается совершенно иначе и без каких либо врезок из JS HTML атрибуты.

 

DLE не допускает и не будет допускать опасного и угрожающего безопасности сайта кода, поэтому он его удалял и будет удалять. А если вам нужно писать JS в новостях, то для этого в DLE есть доп. поля со специальным типом непосредственно для JS скриптов.

 

[master27 38]

6 часов назад, Бек сказал:

Идея которую мне надо реализовать, в следующем;

Нужно при наведении на картинку мышкой сменить ее на  другое изображение. Вообщем задача довольно банальная, но ... 

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

alex32 вам всё правильно подсказал, вставляете в новость, где вам нужно, через кнопку "Исходный код HTML"...

<div class="cod"></div>

а в своих стилях (таблице стилей) используете код...

.cod {
    background: rgba(0, 0, 0, 0) url("http://olocoder.ru/images/greenhtml0.jpeg") no-repeat scroll 0 0;
    height: 120px;
    width: 120px;
}
.cod:hover {
    background: rgba(0, 0, 0, 0) url("http://olocoder.ru/images/greenhtml1.jpeg") no-repeat scroll 0 0;
    height: 120px;
    width: 120px;
}

всё.

[Бек 2]

Большое спасибо за разъяснение. Оказывается я еще многое не знаю. Буду смотреть дальше и проверять последнюю из ваших подсказок. Очень рад что форум наш оказался живой и дружественный. Слов нет., как я вам благодарен, за ценные советы. Кстати, я от отчаяния  в главный шаблон вставил этот опасный кодец и моя картинка заработала прекрасно, причем именно так как я и хотел. Даже подумалось  о том, что неплохо было бы в подвале сайта пару рядков из таких картинок поставить, но теперь уже страшно это делать после вашего предупреждения)) Или, все-же, можно-таки поставить - ведь это же уже не в новостях, а непосредственно в главном шаблоне main.tpl

Или все же посоветуете напрочь отказаться от этого моего опасного кода. Прошу прощения за свою наивность, но всему виной отсутствие опыта и уровня знаний. 

[celsoft 6 082]

1 минуту назад, Бек сказал:

Или, все-же, можно-таки поставить - ведь это же уже не в новостях, а непосредственно в главном шаблоне main.tpl

Опасность дает не именно ваш код, а вообще возможность прямого написания JS во входящих из вне данных, например (новости, комментарии и т.д.) В шаблон можете ставить. Только не ставьте все подряд, потому как нужно знать точно что за код и что он делает, чтобы вам кто-нибудь, где-нибудь не подсунул вредоносный код. 

[Бек 2]

Дорогой master27 вы правы, код который написал alex32 действительно работает. Правда я еще до конца не разобрался с размером картинок.  Надо ставить большой размер, чтобы раскрыть все рабочее поле.

У меня почему-то только часть фотки в растр попадает.

Однако механика заработала, буду теперь разбираться с пропорциями фото.

Отныне  я  сторонник  css благодаря вашему своевременному предупреждению.

 Буду пробовать поставить фотку в нужные границы))

 Еще раз огромное спасибо за ваши бесценные советы.

[alex32 942]

9 минут назад, Бек сказал:

 Надо ставить большой размер, чтобы раскрыть все рабочее поле.

добавь в стили background-size: cover;  

http://htmlbook.ru/css/background-size

[Бек 2]

Дорогой alex32 это просто чудо какое-то.

Ваш совет окончательно добил мою проблему и я увидел в деле свою картинку. Она работает, правда с небольшим торможением.

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

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

Дорогие друзья celsoft,  master27,  всем огромное спасибо за помощь в создании моей чудесной картинки и за то, что щедро поделились со мной своим опытом и бесценными  знаниями. 

[MrFix1989 0]

Столкнулся с аналогичной проблемой как у автора данной темы когда переносил готовую верстку на движек DLE 13.2. Проблема была в том что к картинкам в добавляемые мною новости добавлялись вышеуказанные стили (class="fr-fic fr-dii), которые в свою очередь отменяли мои и искажали размер картинок. Так как целью был лишь перенос верстки а не переписывание моих стилей и ковыряние к стилях движка DLE, прочитав данный пост полностью, понял что проблему можно решить сменой редактора Floara на BBCODES. Который принимает голый код как мне и нужно было. Редактор меняется в "Настройка системы" - "Общее" ( на случай если кто будет решать проблему таким же способом.

Изменено 23 августа 2019 пользователем MrFix1989
Добавил подробностей.