Прямой html в редакторе

Автор: ⱱɑɖɨmɭ

Из-за вопроса Вобланда, решил проверить как тут работают html теги, взяв за пример возможности ЖЖ: https://alex-inside.livejournal.com/216475.html 

Тут отличий хватает, но принцип тот же.

Главное: всё это pаботает если нажать кнопку </> , т.е. в html режиме редактора, в обычном -- используйте кнопочки сверху.

<b>жирный</b> (само подменяет на strong)

<i>курсив</i> (само подменяет на em)

<u>подчёркнутый</u>

<s>зачёркнутый</s>

<sup>над</sup>строчный - тут странность: в редакторе блога работает, а потом при сохранении съедает, в тексте книги не проверял

<sub>под</sub>строчный - тоже самое

<span style="color: rgb(0, 0, 255);">синий</span> , <span style="color: rgb(255, 0, 0);">красный</span> , ...

<h2>заголовок 2го порядка</h2>

другие h* не признаёт, подменяя на <p>текст</p>

<pre>редактор подменяет на <p>, причём пока редактируется - нормально, а вот при сохранении...

Поэтому особое форматирование лучше делать через <div>

<div style="width:300px;">А этот абзац будет написан с фиксированой шириной в 300 пикселей. Какая-нибудь листовка</div>


<div style="width:300px;float:right;">А тут – тоже самое, но написано справа, так же с фиксированой шириной в 300 пикселей. Обратите вримание на поведение следующего абзаца - он начинается напротив, обтекая этот.</div>

Следующий обычный абзац

ещё один - а справа-то всё тянется :)


Таблица тут хорошо рисуется и визуальным способом:


объеденили ячейки
объеденили ячейки
1
2
3
4

что гораздо быстрее, чем писать:

<table>

<tr><td></td><td></td></tr>

<tr><td></td><td></td></tr>

</table>

но работает так же.

Но тут нельзя сразу поменять некоторые параметры таблицы

 <table style="width: 33%;"> ширина таблицы на 1/3 страницы, 

1
2
3
4

ссылка по полному адресу: <a href="https://author.today/discussions">обсуждения</a>

ссылка по относительному адресу, т.е. только внутри сайта: <a href="/discussions">обсуждения</a>

линия подчёркивания на всю ширину: <hr>


перенос строки без абзаца: <br>
и тут продолжение без отступа

<p>отдельный обзац</p>

неразрывный&nbsp;пробел

среднее тире &ndash; –

длинное тире &mdash; —

но для диалогов их проще 1 раз скопировать в буфер обмена и потом из него вставлять в обычном редакторе.

+29
733

0 комментариев, по

220 221 395
Наверх Вниз