CKEditor - 修改 BBCode 输出

	var bbcodeMap = {
	    b: 'strong',
	    u: 'u',
	    i: 'em',
	    color: 'span',
	    size: 'span',
	    quote: 'blockquote',
	    code: 'code',
	    url: 'a',
	    email: 'span',
	    img: 'span',
	    '*': 'li',
	    list: 'ol',
	    sup: 'sup',
	    sub: 'sub',
	    s: 's',
	    font: 'span'
	  },
	  convertMap = {
	    strong: 'b',
	    b: 'b',
	    u: 'u',
	    em: 'i',
	    i: 'i',
	    code: 'code',
	    li: '*',
	    sup: 'sup',
	    sub: 'sub',
	    s: 's'
	  },
	  tagnameMap = {
	    strong: 'b',
	    em: 'i',
	    u: 'u',
	    li: '*',
	    ul: 'list',
	    ol: 'list',
	    code: 'code',
	    a: 'link',
	    blockquote: 'quote',
	    sup: 'superscript',
	    sub: 'subscript',
	    font: 'font',
	    s: 'strike'
	  },
	  stylesMap = {
	    color: 'color',
	    size: 'font-size',
	    font: 'font-family'
	  },
	  attributesMap = {
	    url: 'href',
	    email: 'mailhref',
	    quote: 'cite',
	    list: 'listType'
	  };

<textarea style="width: 100%; height: 200px;" name="post_content">

</textarea>

<script>
  CKEDITOR.replace('post_content', {
    extraPlugins: 'bbcode',
    // Remove unused plugins.
    removePlugins: 'bidi,dialogadvtab,div,filebrowser,flash,forms,format,horizontalrule,iframe,justify,liststyle,pagebreak,showborders,stylescombo,table,tabletools,templates',
    // Width and height are not supported in the BBCode format, so object resizing is disabled.
    disableObjectResizing: false,
    // Define font sizes in percent values.
    fontSize_sizes: "30/30%;50/50%;100/100%;120/120%;150/150%;200/200%;300/300%",
    toolbar: [
      ['Source', '-', 'Undo', 'Redo'],
      ['Find', 'Replace', '-', 'SelectAll', 'RemoveFormat'],
      ['Link', 'Unlink', 'Image', 'Smiley', 'SpecialChar'],
      ['Bold', 'Italic', 'Underline', 'Superscript', 'Subscript', 'Strike'],
      ['Font', 'FontSize'],
      ['TextColor'],
      ['NumberedList', 'BulletedList', '-', 'Blockquote'],
      ['Maximize', '-', 'Preview']
    ],
    // Strip CKEditor smileys to those commonly used in BBCode.
    smiley_images: [
      'regular_smile.png', 'sad_smile.png', 'wink_smile.png', 'teeth_smile.png', 'tongue_smile.png',
      'embarrassed_smile.png', 'omg_smile.png', 'whatchutalkingabout_smile.png', 'angel_smile.png',
      'shades_smile.png', 'cry_smile.png', 'kiss.png'
    ],
    smiley_descriptions: [
      'smiley', 'sad', 'wink', 'laugh', 'cheeky', 'blush', 'surprise',
      'indecision', 'angel', 'cool', 'crying', 'kiss'
    ]
  });
</script>