/*
* File Name : editor.js
* Author : hyunts
* Date : 2007. 04. 18.
* Copyright : Copyright NCSoft. All Rights Reserved.
* Description : TBOARD's extension version
*/
var Selection = null;
var blImageAttach = false;
var verifyUrl = "/common/js/verify.js";
document.write('');
function setSelection() {
if(isIE()) {
Selection = htmlEditor.document.selection.createRange();
}
else {
Selection = htmlEditor.document.createRange(htmlEditor.getSelection());
}
}
function setFocus() {
if(isIE()) {
htmlEditor.document.body.focus();
}
else {
htmlEditor.focus();
}
}
function getSelectionRange() {
setFocus();
if(isIE()) {
if(Selection == null) {
htmlEditor.document.selection.createRange().select();
return htmlEditor.document.selection.createRange();
}
else {
Selection.select();
return Selection;
}
}
else {
var sel = htmlEditor.getSelection();
return htmlEditor.document.createRange(sel);
}
}
function isIE() {
var ua = navigator.userAgent.toLowerCase();
return (ua.indexOf("msie") != -1) && (ua.indexOf("opera") == -1) && (ua.indexOf("webtv") == -1);
}
function initEditor(content) {
var source = "";
htmlEditor.document.designMode="On";
htmlEditor.document.open("text/html");
htmlEditor.document.write(source);
htmlEditor.document.close();
htmlEditor.document.body.style.fontSize = "12pt";
htmlEditor.document.body.style.fontFamily = "ＭＳ Ｐゴシック";
htmlEditor.document.body.innerHTML = content;
if(isIE()) {
htmlEditor.document.body.attachEvent("onclick", documentOnClick);
setFocus();;
htmlEditor.document.body.attachEvent("onfocusout", setSelection);
}
else {
htmlEditor.addEventListener("click", documentOnClick, false);
htmlEditor.addEventListener("focusout", setSelection, false);
}
}
function setFont(fontName, objName) {
setFocus();
if(!isIE() && objName == 'BackColor') {
objName = "hilitecolor";
}
htmlEditor.document.execCommand(objName, null, fontName);
documentOnClick();
}
function insertImage(imageUrl, id) {
if(imageUrl != null && imageUrl != '') {
var thumbUrl = imageUrl.replace("/view/","/thumbnail/");
window.parent.document.articleForm.thumbnail.value = thumbUrl;
setFocus();
var imageTag = "![](\"")
";
insertHtml(imageTag);
}
}
function insertImoticon(imageUrl) {
if(imageUrl != null && imageUrl != '') {
setFocus();
var imageTag = "";
insertHtml(imageTag);
}
}
function insertText(txt) {
if(txt != null && txt != '') {
setFocus();
insertHtml(txt);
}
}
function insertHtml(txt) {
try{
range = getSelectionRange();
if(range.select)
range.select();
if(isIE()) {
range.pasteHTML(txt);
}
else {
htmlEditor.document.execCommand('insertHTML', false, txt);
}
}catch(e){}
}
function SetEditor(objName) {
//setFocus();
range = getSelectionRange();
if (range != null && range.select) {
range.select();
}
if (objName != "") {
switch(objName) {
case "Bold" :
case "Underline" :
case "Italic" :
case "InsertOrderedList" :
case "InsertUnorderedList" :
htmlEditor.document.execCommand(objName);
break;
case "StrikeThrough" :
case "JustifyLeft" :
case "JustifyCenter" :
case "JustifyRight" :
htmlEditor.document.execCommand(objName);
break;
case "ForeColor" :
case "BackColor" :
ShowFontDiv(objName);
break;
case "Unlink" :
if(isIE()) {
setFocus();
htmlEditor.document.execCommand("CreateLink", true);
}
else {
setFocus();
var URL = prompt("URLを入力してください:", "http://");
textsel = htmlEditor.getSelection();
if ((URL != null) && (URL != "")) {
if (textsel == '') { textsel = prompt("字を入力してください:"); }
if ((textsel != null) && (textsel != "")) {
var html = '' + textsel + '';
htmlEditor.document.execCommand('insertHTML', false, html);
}
}
}
break;
}
} else {
alert('エディター機能を入力してください。');
return;
}
}
function Edit(objName, objValue) {
if (Selection != null) {
Selection.select();
if ((objName != "") && (objValue != "")) {
if (objName == "ForeColor") {
htmlEditor.document.execCommand(objName, false, objValue);
document.all["DivFontColor"].style.display = "none";
htmlEditor.document.selection.empty();
} else if (objName = "BackColor") {
htmlEditor.document.execCommand(objName, null, objValue);
document.all["DivBGColor"].style.display = "none";
htmlEditor.document.selection.empty();
} else {
htmlEditor.document.execCommand(objName, null, objValue);
}
}
}
}
function EditContent() {
var HtmlContent = htmlEditor.document.body.innerHTML;
htmlEditor.document.body.createTextRange().execCommand("copy");
return HtmlContent;
}
var oldEditorObj = "";
function viewObj(obj)
{
//setFocus();
if (oldEditorObj != obj && oldEditorObj != "") {
document.getElementById(oldEditorObj).style.display = "none";
}
if(document.getElementById(obj).innerHTML == '') {
eval("initializeHTML_" + obj + "()");
}
if(document.getElementById(obj).style.display == "block") {
document.getElementById(obj).style.display = "none";
} else {
document.getElementById(obj).style.display = "block";
}
oldEditorObj = obj;
}
function documentOnClick() {
// 해당 컨텐츠가 존재하는지 체크
if(isIE()) {
Selection = htmlEditor.document.selection.createRange();
}
if (document.getElementById("wrap_font_family") || document.getElementById("wrap_font_size") || document.getElementById("wrap_font_color") || document.getElementById("wrap_bg_color") ||
document.getElementById("wrap_font_color_more") || document.getElementById("wrap_bg_color_more") || document.getElementById("wrap_emoticon") || document.getElementById("wrap_special_character"))
{
// 해당 컨텐츠가 디스플레이되었는지 체크
if(
document.getElementById("wrap_font_family").style.display == "block" ||
document.getElementById("wrap_font_size").style.display == "block" ||
document.getElementById("wrap_font_color").style.display == "block" ||
document.getElementById("wrap_bg_color").style.display == "block" ||
document.getElementById("wrap_font_color_more").style.display == "block" ||
document.getElementById("wrap_bg_color_more").style.display == "block" ||
document.getElementById("wrap_emoticon").style.display == "block" ||
document.getElementById("wrap_special_character").style.display == "block"
)
{
if(oldEditorObj != null && oldEditorObj != '')
document.getElementById(oldEditorObj).style.display = "none";
}
}
}
function initializeHTML() {
document.write(""
+ ""
+ "
"
+ ""
+ "
"
+ ""
+ "
"
+ ""
+ "
"
+ ""
+ "
"
+ ""
+ "
"
+ ""
+ "
"
+ ""
+ "
");
setVerifySession();
}
function initializeHTML_wrap_font_family() {
document.getElementById("wrap_font_family").innerHTML = (""
+ "");
}
function initializeHTML_wrap_font_size() {
document.getElementById("wrap_font_size").innerHTML = (""
+ "");
}
function initializeHTML_wrap_font_color() {
document.getElementById("wrap_font_color").innerHTML = (""
+ "");
}
function initializeHTML_wrap_bg_color() {
document.getElementById("wrap_bg_color").innerHTML = (""
+ "");
}
function initializeHTML_wrap_font_color_more() {
document.getElementById("wrap_font_color_more").innerHTML = (""
+ ""
+ "- "
+ "色の選択"
+ ""
+ "
"
+ "- "
+ ""
+ ""
+ "
"
+ "
現在"
+ "
"
+ ""
+ "
選択"
+ "
"
+ "
"
+ ""
+ "
"
+ ""
+ "
"
+ "
"
+ "![\"確認\"](\"http://static.aion.plaync.jp/common/editor/btn_conf.gif\")
");
}
function initializeHTML_wrap_bg_color_more() {
document.getElementById("wrap_bg_color_more").innerHTML = (""
+ ""
+ "- "
+ "色選択"
+ ""
+ "
"
+ "- "
+ ""
+ ""
+ "
"
+ "
現在"
+ "
"
+ ""
+ "
選択"
+ "
"
+ "
"
+ ""
+ "
"
+ ""
+ "
"
+ "
"
+ "
");
}
function initializeHTML_wrap_emoticon() {
document.getElementById("wrap_emoticon").innerHTML = (""
+ ""
+ "顔文字挿入
- "
+ "
"
+ "![\"\"](\"http://static.aion.plaync.jp/common/editor/emoticon_male01.gif\")
![\"\"](\"http://static.aion.plaync.jp/common/editor/emoticon_male02.gif\")
![\"\"](\"http://static.aion.plaync.jp/common/editor/emoticon_male03.gif\")
![\"\"](\"http://static.aion.plaync.jp/common/editor/emoticon_male04.gif\")
![\"\"](\"http://static.aion.plaync.jp/common/editor/emoticon_male05.gif\")
![\"\"](\"http://static.aion.plaync.jp/common/editor/emoticon_male06.gif\")
![\"\"](\"http://static.aion.plaync.jp/common/editor/emoticon_male07.gif\")
![\"\"](\"http://static.aion.plaync.jp/common/editor/emoticon_male08.gif\")
![\"\"](\"http://static.aion.plaync.jp/common/editor/emoticon_female01.gif\")
![\"\"](\"http://static.aion.plaync.jp/common/editor/emoticon_female02.gif\")
![\"\"](\"http://static.aion.plaync.jp/common/editor/emoticon_female03.gif\")
![\"\"](\"http://static.aion.plaync.jp/common/editor/emoticon_female04.gif\")
![\"\"](\"http://static.aion.plaync.jp/common/editor/emoticon_female05.gif\")
![\"\"](\"http://static.aion.plaync.jp/common/editor/emoticon_female06.gif\")
![\"\"](\"http://static.aion.plaync.jp/common/editor/emoticon_female07.gif\")
![\"\"](\"http://static.aion.plaync.jp/common/editor/emoticon_female08.gif\")
"
+ " "
+ "
");
}
function initializeHTML_wrap_special_character() {
document.getElementById("wrap_special_character").innerHTML = (""
+ ""
+ "特殊文字挿入
- "
+ "
"
+ "- 、
"
+ "- 。
"
+ "- ·
"
+ "- ‥
"
+ "- …
"
+ "- ¨
"
+ "- 〃
"
+ "-
"
+ "- ―
"
+ "- ∥
"
+ "- ＼
"
+ "- ∼
"
+ "- ‘
"
+ "- ’
"
+ "- “
"
+ "- ”
"
+ ""
+ "- 〔
"
+ "- 〕
"
+ "- 〈
"
+ "- 〉
"
+ "- 《
"
+ "- 》
"
+ "- 「
"
+ "- 」
"
+ "- 『
"
+ "- 』
"
+ "- 【
"
+ "- 】
"
+ "- ±
"
+ "- ×
"
+ "- ÷
"
+ "- ≠
"
+ ""
+ "- ≤
"
+ "- ≥
"
+ "- ∞
"
+ "- ∴
"
+ "- °
"
+ "- ′
"
+ "- ″
"
+ "- ℃
"
+ "- Å
"
+ "- ￠
"
+ "- ￡
"
+ "- ￥
"
+ "- ♂
"
+ "- ♀
"
+ "- ∠
"
+ "- ⊥
"
+ ""
+ "- ⌒
"
+ "- ∂
"
+ "- ∇
"
+ "- ≡
"
+ "- ≒
"
+ "- §
"
+ "- ※
"
+ "- ☆
"
+ "- ★
"
+ "- ○
"
+ "- ●
"
+ "- ◎
"
+ "- ◇
"
+ "- ◆
"
+ "- □
"
+ "- ■
"
+ ""
+ "- △
"
+ "- ▲
"
+ "- ▽
"
+ "- ▼
"
+ "- →
"
+ "- ←
"
+ "- ↑
"
+ "- ↓
"
+ "- ↔
"
+ "- 〓
"
+ "- ≪
"
+ "- ≫
"
+ "- √
"
+ "- ∽
"
+ "- ∝
"
+ "- ∵
"
+ ""
+ "- ∫
"
+ "- ∬
"
+ "- ∈
"
+ "- ∋
"
+ "- ⊆
"
+ "- ⊇
"
+ "- ⊂
"
+ "- ⊃
"
+ "- ∪
"
+ "- ∩
"
+ "- ∧
"
+ "- ∨
"
+ "- ￢
"
+ "- ⇒
"
+ "- ⇔
"
+ "- ∀
"
+ ""
+ "- ∃
"
+ "- ～
"
+ "- ˇ
"
+ "- ˘
"
+ "- ¸
"
+ "- ˛
"
+ "- ¡
"
+ "- ¿
"
+ "- ː
"
+ "- ∮
"
+ "- ∑
"
+ "- ∏
"
+ "- ¤
"
+ "- ℉
"
+ "- ‰
"
+ "- ◁
"
+ ""
+ "- ◀
"
+ "- ▷
"
+ "- ▶
"
+ "- ♤
"
+ "- ♠
"
+ "- ♡
"
+ "- ♥
"
+ "- ♧
"
+ "- ♣
"
+ "- ⊙
"
+ "- ◈
"
+ "- ▣
"
+ "- ◐
"
+ "- ◑
"
+ "- ▒
"
+ "- ▤
"
+ ""
+ "- ▥
"
+ "- ▨
"
+ "- ▧
"
+ "- ▦
"
+ "- ▩
"
+ "- ♨
"
+ "- ☏
"
+ "- ☎
"
+ "- ☜
"
+ "- ☞
"
+ "- ¶
"
+ "- †
"
+ "- ‡
"
+ "- ↕
"
+ "- ↗
"
+ "- ↙
"
+ ""
+ "- ↖
"
+ "- ↘
"
+ "- ♭
"
+ "- ♩
"
+ "- ♪
"
+ "- ♬
"
+ "- ㉿
"
+ "- ㈜
"
+ "- №
"
+ "- ㏇
"
+ "- ™
"
+ "- ㏂
"
+ "- ㏘
"
+ "- ℡
"
+ "
"
+ " "
+ "
");
}
function changeColor(setType, colorValue) {
document.getElementById(setType).value = colorValue;
document.getElementById(setType + '_selected').style.background = colorValue;
}
function changeCustomColor(setType) {
var customColor = document.getElementById(setType + 'Value').value;
Selection.select();
setFont(customColor, setType);
}
var attachWindow = null;
function openAttachWindow(types) {
if(attachWindow != null) {
attachWindow.close();
}
if(types == 'drawing')
attachWindow = window.open("/common/imageEditor/drawing.html", "editorSub", "width=900, height=700");
else if(types == 'imageeditor')
attachWindow = window.open("/common/imageEditor/imageeditor_frame.html", "editorSub", "width=900, height=670");
}
![\"\"](\"http://static.aion.plaync.jp/common/editor/trans.gif\"){kind=spacer}
"
+ "基本の色"
+ ""
+ "