T.M. SoftStudio

feci quod potui, faciant meliora potentes

Купить полную версию книги "Среда разработки Eclipse 4: Руководство разработчика"

Разработка Web-приложений на основе платформы WTP

Создание статического Web-контента с Mylyn WikiText

Eclipse-плагин Mylyn WikiText обеспечивает редактор WikiText Editor, дающий возможность создавать файлы с разметкой MediaWiki, Textile, Confluence, TracWiki и TWiki с последующей генерацией файлов в формате HTML, Eclipse Help, Docbook, Textile и Confluence, а также позволяющий предпросмотр в виде Web-страницы.

Для установки Eclipse-плагина Mylyn WikiText в меню Help среды Eclipse выберем команду Install New Software, в поле Work with: выберем адрес Mylyn-релиза http://download.eclipse.org/mylyn/releases/kepler, в узле Mylyn Features отметим флажок Mylyn WikiText и нажмем кнопку Next.

После установки Eclipse-плагина Mylyn WikiText создадим проект и в нем файл с расширением .textile, который откроем в редакторе WikiText Editor.

Редактор WikiText Editor имеет две вкладки Source и Preview.

Вкладка Preview отображает введенную разметку вкладки Source в виде Web-страницы.

Вкладка Source имеет контекстное меню с командами WikiText и Markup Language, позволяющими генерацию файлов в формате HTML, Eclipse Help, Docbook, Textile и Confluence, а также переключение между разметками MediaWiki, Textile, Confluence, TracWiki и TWiki.

При нажатии клавиши F1 во вкладке Source открывается окно Markup Cheat Sheet подсказки текущей разметки.

Textile

Документацию по разметке Textile можно посмотреть по адресу http://redcloth.org/hobix.com/textile/.

В частности заголовки устанавливаются с помощью префиксов h1. , h2. , h3. .

Изображения встраиваются с помощью разметки:

!{height:50px; width: 50px;}path/image.jpg!

Гиперссылка определяется с помощью разметки:

"link text":http://example.com/

Текст выделять можно с помощью модификаторов <b></b>, __italic__, +insertion+, -deletion-, ??citation??, @code@.

Списки маркируются символами “# “ и “* “.

Таблица размечается символами “|”.

Размер текста можно изменять с помощью CSS-стилей:

p{font-size: 0.8em}. Small font.

MediaWiki

Документацию по разметке MediaWiki можно посмотреть по адресу http://www.mediawiki.org/wiki/Help:Formatting.

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

== Level 2 ==

Изображения встраиваются с помощью разметки:

[[File:path/image.jpg|border|150px]]

Гиперссылка определяется с помощью разметки:

[http://example.com link text]

Текст выделять можно с помощью модификаторов ''italic'', '''bold''', '''''bold & italic''''', <strike> strike text </strike>, <u>Underline</u>.

Списки маркируются символами “# “ и “* “.

Таблица формируется разметкой:

{|

|Row1

|Row1

|-

|Row2

|Row2

|}

Размер текста можно изменять с помощью CSS-стилей:

<span style="font-size: 0.8em"> Small font. </span>

Confluence

Документацию по разметке Confluence можно посмотреть по адресу https://confluence.atlassian.com/display/DOC/Confluence+Wiki+Markup.

В частности заголовки устанавливаются с помощью префиксов h1. , h2. , h3. .

Изображения встраиваются с помощью разметки:

!path/image.jpg|width=150!

Гиперссылка определяется с помощью разметки:

[link text|http://example.com/]

Текст выделять можно с помощью модификаторов *bold text*, _italics_, ??citation??, -deleted-, +inserted+.

Списки маркируются символами “# “ и “* “.

Таблица размечается символами “|”.

Размер текста можно изменять с помощью разметки:

{{Small font.}}

TracWiki

Документацию по разметке TracWiki можно посмотреть по адресу http://trac.edgewall.org/wiki/WikiFormatting.

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

== Level 2 ==

Изображения встраиваются с помощью разметки:

[[Image(path/image.jpg, 150px)]]

Гиперссылка определяется с помощью разметки:

[http://example.com/ link text]

Текст выделять можно с помощью модификаторов '''bold''', ''italic'', '''''bold italic''''', __underline__, ~~strike-through~~.

Списки маркируются символами “1. “ и “* “.

Таблица размечается символами “|”.

Размер текста можно изменять с помощью разметки:

{{{Small font}}}

TWiki

Документацию по разметке TWiki можно посмотреть по адресу http://twiki.org/cgi-bin/view/TWiki/TextFormattingRules.

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

---++Level 2

Изображения встраиваются с помощью тэга:

<img src="path/image.jpg" width="150" height="150" border="0" alt="image"/>

Гиперссылка определяется с помощью разметки:

[[http://example.com/][link text]]

Текст выделять можно с помощью модификаторов *Bold*, _Italic_, __Bold italic__, <strike>deleted text</strike>, <u>Underline</u>.

Списки маркируются символами “1. “ и “* “.

Таблица размечается символами “|”.

Размер текста можно изменять с помощью разметки:

<p style="font-size:0.8em"> Small font.</p>



Пример. Организация комментариев на Web-странице с помощью Javascript HTML WYSIWYG редактора TinyMCE, Servlet, JSP, JPA

Т. Машнин