Javascript.RU

Форматирование на javascript.ru

На сайте есть богатые возможности по форматированию, многие из которых уникальны.

Например, можно вставлять запускаемый javascript/html.

В этой статье представлен их список и подробное описание.

Элементы кода, ключевые слова в тексте рекомендуется заключать в тэг <code>, получаются vot Takie переменные.

Подсветка кода осуществляется разметкой в квадратных скобках.

Например:

[js]
var hi = "Привет"
function sayHi() {
  alert(hi)
}

$(sayHi)
[/js]

Выглядит так:

var hi = "Привет"
function sayHi() {
  alert(hi)
}

$(sayHi)

Список языков:

[js] - javascript
[css] - css
[html] - html
[xml] - xml
[java] - java
[py] - python
[php] - php
[txt] - просто текст

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

Маркеры [js] и [html] позволяют вставлять в сообщения ЗАПУСКАЕМЫЙ javascript-код.
Или просматриваемый HTML

Для этого нужно указать дополнительный атрибут run.

Этот атрибут даст возможность его запускать/просматривать отформатированный код.

Например:

[js run]
alert('123')
[/js]

Отобразится так:

alert('123')

Исполнение кода осуществляется в контексте текущей страницы.

Аналогично работает инлайн-просмотр и подсветка для HTML.
При этом работают все элементы страницы, включая javascript:

[html run]
<input type="button" onclick="alert('WOW!')" value="click me!"/>
[/html]

Отобразится так:

<input type="button" onclick="alert('WOW!')" value="click me!"/>

Просмотр осуществляется в iframe. При показе он пытается самостоятельно подстроиться по высоте под размер документа, а по ширине - под тэг, в котором находится.

Если у него это не получается, или у вас свое мнение относительно ширины и высоты iframe для просмотра - используйте параметры width и height:

[html run height=200 width=300]
<h1>Привет мир!</h1>
[/html]
<h1>Привет мир!</h1>

Важные блоки кода можно выделить цветом.

Для выделения важных блоков кода указывайте строку с *!* до и */!* - после (без пробелов между *!*).

*!*
...
*/!*

Например:

var id = node.id

*!*
$.ajax({
   data: id,
   url: '/get.php'
})
*/!*

doSomething()

Выглядит так:

var id = node.id

*!*
$.ajax({
   data: id,
   url: '/get.php'
})
*/!*

doSomething()

Можно выделить не блок, а часть строки.

Для этого выделяющие маркеры *!* ... */!* должны быть на одной строке.

Например, код

var id = *!* a+b */!*
if (!id) {
  alert("нет id")
} else {
  sayHi(*!* id */!*)
}

выглядит так:

var id = *!* a+b */!*
if (!id) {
  alert("нет id")
} else {
  sayHi(*!* id */!*)
}

У языковых меток есть ряд дополнительных параметров.

nolines
Отключает номера строк. Впрочем, посетитель может отключить их и сам, нажав на соответствующую кнопку во всплывающем меню. Например, для копирования.

Пример:

[js nolines]
$.ajax({
   data: id,
   url: '/get.php'
})
[/js]

Результат - код без номеров строк:

$.ajax({
   data: id,
   url: '/get.php'
})
hide
Код скрыт по умолчанию, но можно развернуть.

Пример:

[js hide]
$.ajax({
   data: id,
   url: '/get.php'
})
[/js]

Результат - код свернут по умолчанию:

$.ajax({
   data: id,
   url: '/get.php'
})
firstline
Можно указать номер для первой строки. По умолчанию это 1.

Пример:

[js firstline=267]
$.ajax({
   data: id,
   url: '/get.php'
})
[/js]

Результат:

$.ajax({
   data: id,
   url: '/get.php'
})
example.title: оформление примеров

Код можно оформить в виде примера с заголовком:

[js example.title="вывод оповещения" run]
alert('пример сработал');
[/js]

Выведет код в виде примера с заголовком, вот так:

Пример: вывод оповещения
alert('пример сработал');

Ссылка на справочник ставится очень просто:

  • [:eval] (=>eval)
  • или: [[:Array#slice] (=>slice) - для метода slice объектов типа Array

Если метод статический, то ставится точка, например:

Можно добавить к ссылке свой текст через пайп |, вот так:

Если после пайпа не указан текст, то будет выведено полное название метода.

P.S. Кстати, прямые ссылки на справочник имеют тоже понятный вид: http://javascript.ru/eval, http://javascript.ru/Array/slice.

В блогах, комментариях и других публикациях работают следующие теги:

<strike> <a> <em> <strong> <cite> <code>
<ul> <ol> <li> <dl> <dt> <dd> 
<u> <i> <b> <pre> 
<img> <abbr> <blockquote> 
<h1> <h2> <h3> <h4> <h5> 
<p> <div> <span> <sub> <sup>

Это довольно обширный список, и позволяет сделать почти все, что надо.
Параграфы (тэги <p>) генерируются автоматически по переводам строк.

Если вы по какой-то причине хотите отключить автоматическую генерацию параграфов для участка статьи - поместите его внутрь тэгов <noautop> ... </noautop>.

На форуме вам пригодятся стандартные коды форматирования VBulletin.
Их список находится здесь: http://www.vbulletin.com/forum/misc.php?do=bbcode.


Автор: Bnopnya (не зарегистрирован), дата: 3 апреля, 2015 - 02:24
#permalink

Всем привет.. Увидел у вас тут прикольный скрипт, есть предложение если интересно то отпишите на мыло..


Автор: Гость (не зарегистрирован), дата: 12 апреля, 2015 - 09:45
#permalink

ну что сказать про сайт, очень хороший сайт...


Автор: Гость (не зарегистрирован), дата: 3 августа, 2015 - 21:32
#permalink
class Animal {
	private $name;

	function __construct($name){
		$this->name = $name;
	}

	function getName(){
		return $this->name;
	}
}

class Cat extends Animal {
	function meow(){
		print "Cat {$this->getName()} is saying meow"; // getName() - это метод, а не свойство, поэтому нужны скобки
	}
}

$cat = new Cat();
$cat->meow();

Автор: Гость (не зарегистрирован), дата: 25 апреля, 2017 - 21:50
#permalink
function crypt(message, key, decrypt) {
    var a = "АБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ".split("");
    message = message.split("");
    key = ("" + key).split("");
    return message.reduce(function(message, current) {
        var i = a.indexOf(current),
            b = +key.shift();
        key.push(b);
        decrypt ? (i -= b, i < 0 && (i += a.length)) : (i += b, i %= a.length);
        return message + a[i]
    }, "")
};
  document.write(crypt("ПРИВЕТ", 235)+"<br>") // encrypt
  document.write(crypt("СУНДЗЧ", 235, true))  // decrypt

Автор: tranny wollongong (не зарегистрирован), дата: 11 марта, 2021 - 23:10
#permalink

If you are looking for fine chat contacts in New South Wales you must to visit tranny wollongong


Автор: Гость (не зарегистрирован), дата: 13 апреля, 2022 - 07:33
#permalink

Автор: Гость (не зарегистрирован), дата: 16 апреля, 2022 - 00:44
#permalink

Автор: Гость (не зарегистрирован), дата: 16 апреля, 2022 - 13:13
#permalink

Автор: Pg Soft (не зарегистрирован), дата: 29 июня, 2022 - 11:50
#permalink

Pg Soft เล่นได้ทุกแพลตฟอร์ม รองรับทุกระบบปลอดภัย 100% เล่นได้ตลอด 24 ชั่วโมง ยิ่งเล่น สล็อตpg ยิ่งรวยแน่นอน


Автор: superslot (не зарегистрирован), дата: 23 июля, 2022 - 01:52
#permalink

Apply for a new account and get free credit to play just confirm your phone number. and many other games superslot เครดิตฟรี ยืนยันเบอร์


Автор: slotxo (не зарегистрирован), дата: 12 сентября, 2022 - 09:16
#permalink

Maybe everyone has known or familiar with the name. Fair enough for the popular game to play like slotxo, but did you know that this online slot game has been born for a long time?


Автор: dream gaming (не зарегистрирован), дата: 3 декабря, 2022 - 14:00
#permalink

บาคาร่า dg ทดสอบเล่นบาคาร่าออนไลน์ฟรี เกมบาคาร่าออนไลน์ ในรูปใหม่ Dream gaming ไม่เหมือนใคร มีความสดใหม่กว่าค่ายเกมไหนๆขณะนี้ มีภาพที่สวยงามรวมถึงเสียงที่เหมือนจริง จะก่อให้การเล่นบาคาร่าของทุกคนไม่น่าเบื่ออีกต่อไป ด้วยการผสมผสาน เทคโนโลยี แล้วก็ เกมการเดิมพัน ทำให้ Dream gaming แปลงเป็นมิติใหม่ที่วงการบาคาร่าออนไลน์เลยก็ว่าได้ เล่นง่าย สบาย สบาย ไม่ต้องดาวน์โหลดแล้วก็ก่อตั้ง นอกนั้นยังมีระบบระเบียบฝากถอนเงินแบบระบบอัตโนมัติ ด้วยเกมบาคาร่าออนไลน์ที่มีคุณภาพบวกกับระบบการคลังป้อมคงจะ ทำให้ อีโอ้อวดเพลย์ ยอดเยี่ยมยอดเยี่ยมเว็บที่ทุกคนหันมาเล่น ในปีนี้ 2022


Автор: Гость (не зарегистрирован), дата: 12 января, 2023 - 06:45
#permalink

LIVEWINPRO เกมสล็อตอิสระ ในการเดิมพันที่สะดวกสบาย มากกว่าที่ไหน ท่านสามารถกำหนดเองได้ เราคือผู้ให้บริการเกมสล็อต ที่มีให้ท่านได้เลือกเล่นหลากหลายรูปแบบ ไม่ว่าจะเกมอะไร ก็เลือกเล่นตามสไตล์ของตัวท่านเองได้เลย LIVEWIN PRO ทุกเกมที่เราได้คัดสรรมาให้ท่านนั้น มีอัตราการจ่ายเงินรางวัล ที่สูงได้ถึง 99% เกมที่ได้รับความนิยมเป็นอย่างมาก ในเวลานี้ ในการเดิมพันทุกครั้ง ท่านจะได้ผลลัพธ์ที่ตามมาอย่างรวดเร็ว คุ้มค่ากับการลงทุน ผ่านเว็บเกมสล็อตของเรา LIVEWIN PRO เว็บเกมทำเงิน ที่ส่งตรงจากเมืองนอก ลิขสิทธิ์แท้โดยตรง จากทางค่าย ที่มีใบรับรองอย่างถูกต้อง LIVEWINPRO


Автор: 카지노사이트 (не зарегистрирован), дата: 12 января, 2023 - 07:04
#permalink

Of course, your article is good enough, 카지노사이트 but I thought it would be much better to see professional photos and videos together. There are articles and photos on these topics on my homepage, so please visit and share your opinions.


Отправить комментарий

Приветствуются комментарии:
  • Полезные.
  • Дополняющие прочитанное.
  • Вопросы по прочитанному. Именно по прочитанному, чтобы ответ на него помог другим разобраться в предмете статьи. Другие вопросы могут быть удалены.
    Для остальных вопросов и обсуждений есть форум.
P.S. Лучшее "спасибо" - не комментарий, как все здорово, а рекомендация или ссылка на статью.
Содержание этого поля является приватным и не предназначено к показу.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Разрешены HTML-таги: <strike> <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <u> <i> <b> <pre> <img> <abbr> <blockquote> <h1> <h2> <h3> <h4> <h5> <p> <div> <span> <sub> <sup>
  • Строки и параграфы переносятся автоматически.
  • Текстовые смайлы будут заменены на графические.

Подробнее о форматировании

CAPTCHA
Антиспам
9 + 10 =
Введите результат. Например, для 1+3, введите 4.
 
Поиск по сайту
Содержание

Учебник javascript

Основные элементы языка

Сундучок с инструментами

Интерфейсы

Все об AJAX

Оптимизация

Разное

Дерево всех статей

Последние комментарии
Последние темы на форуме
Forum