文字排版格式 -- 使用 JavaScript 轉換

JavaScript

簡介

歷史

開發工具

基本語法

運算式

分枝

迴圈

函數

陣列

物件導向

原型

封裝

繼承

多型

this

控制流程

進階功能

Eval 函數

Closure

JSONP

小書籤

字串

正規表達式

除錯方法

伺服端

播 midi

cookie

套件

ccc函式庫

2D 繪圖

3D 繪圖

影像處理

訊號處理

語音處理

數學計算

tex 數學式

格式轉換

桌面應用

自然語言

地理資訊

平台

Node.js

jQuery

Google

numeric.js

Titanium

引擎

語法

作品

翻譯精靈

繪圖精靈

DotWiki

流程

前端工程師

後端工程師

css

訊息

相關網站

參考文獻

最新修改

簡體版

English

簡介

  1. 輕量級標記語言 - AsciiDoc, Markdown, reStructuredText
  2. Markdown 的語法
  3. Markdown 的表格延伸語法
--------------------------------------------------
| No | Sadly        | There is none              |
--------------------------------------------------
| Except this, which is a poor alternative       |
--------------------------------------------------
| There really      | should be one              |
--------------------------------------------------

使用 Showdown 將 Markdown 轉為 HTML 的 JavaScript 程式

var text = "Markdown *rocks*.";

var converter = new Showdown.converter();
var html = converter.makeHtml(text);

alert(html);

搭配 jQuery

// See http://mathiasbynens.be/notes/showdown-javascript-jquery for a plain JavaScript version as well
$(function() {
 // When using more than one `textarea` on your page, change the following line to match the one you’re after
 var $textarea = $('textarea'),
     $preview = $('<div id="preview" />').insertAfter($textarea),
     converter = new Showdown.converter();
 $textarea.keyup(function() {
  $preview.html(converter.makeHtml($textarea.val()));
 }).trigger('keyup');
});

使用 Javascript Textile 將 Textile 轉換為 HTML

使用方法:

$('#textile_destination').JQtextile(textile_string);

使用 LaTeX4Web 將 LaTex 轉換為 HTML

//=============================================================================
function ltxTest()
{
  var dbg = ''  
  var str = document.MainForm.input.value
  var cnt=0
/*
  var FTTc ='[\r\n'
  for(var i=0; i<FTT.length;i++)
  {
    if(FTT[i]!=0) FTTc = FTTc + i+','+FTT[i]+',\r\n'
  }
  FTTc = FTTc + ']\r\n'
*/

//    str = str.replace(/\n\s+([^\s])/g, '\n$1') 

//  document.MainForm.output.value = FTTc
//  alert(cnt + '/' +FTT.length )
//  g_strLog = LatexReplaceAliases(str)

//    g_strlog = str.replace(/__([^&]*)\$\$\r\n%%([^&]*)\$\$/g, '$2\r\n$1')

//  eval(str)
//  document.MainForm.output.value = g_strlog

//    document.MainForm.output.value = str

   var NewWin
   NewWin = window.open()
   NewWin.document.write(document.MainForm.output.value)

}// end function ltxTest()
//-----------------------------------------------------------------------------

使用 wiki2html 將 wiki 轉為 HTML

// include the script
var wikiContents = document.getElementById('wiki-content');
if (wikiContents.innerHTML.iswiki()) {
  wikiContents.innerHTML = wikiContents.innerHTML.wiki2html();
}

使用 wiky 將 wiki 轉為 HTML

Markdown

  1. Showdown — http://softwaremaniacs.org/playground/showdown-highlight/
  2. http://daringfireball.net/projects/markdown/ — By JOHN GRUBER
  3. fastest & efficent MarkDown in JavaScript

Textile

參考文獻

  1. http://stackoverflow.com/questions/1319657/javascript-to-convert-markdown-textile-to-html-and-ideally-back-to-markdown-t
    • Javascript to convert Markdown/Textile to HTML (and, ideally, back to Markdown/Textile)
  2. TAKING NOTES ON NODE.JS USING GONZO

Facebook

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License