#287 xquared에디터 스킨 examples디렉토리 제거 및 관련파일 수정.
git-svn-id: http://xe-core.googlecode.com/svn/sandbox@3272 201d5d3c-b55e-5fd7-737f-ddc643e51545
bnu
|
|
@ -69,15 +69,15 @@
|
|||
font-family: monospace;
|
||||
list-style-type: none;
|
||||
border-color: #ffb781;
|
||||
background: url(../img/content/code.gif) no-repeat 0 0;
|
||||
background: url('../images/content/code.gif') no-repeat 0 0;
|
||||
}
|
||||
.xed div {
|
||||
border-color: #8ccfff;
|
||||
background: url(../img/content/div.gif) no-repeat 0 0;
|
||||
background: url('../images/content/div.gif') no-repeat 0 0;
|
||||
}
|
||||
.xed blockquote {
|
||||
border-color: #c9c9c9;
|
||||
background: url(../img/content/blockquote.gif) no-repeat 0 0;
|
||||
background: url('../images/content/blockquote.gif') no-repeat 0 0;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -9,7 +9,7 @@
|
|||
background-color: #ebebeb;
|
||||
background-position: 0 0;
|
||||
background-repeat: repeat-x;
|
||||
background-image: url(../img/toolbar/toolbarBg.gif);
|
||||
background-image: url('../images/toolbar/toolbarBg.gif');
|
||||
}
|
||||
|
||||
.xquared ul.buttons {
|
||||
|
|
@ -26,14 +26,14 @@
|
|||
padding-bottom: 3px;
|
||||
background-position: 0 0;
|
||||
background-repeat: repeat-x;
|
||||
background-image: url(../img/toolbar/toolbarButtonBg.gif);
|
||||
background-image: url('../images/toolbar/toolbarButtonBg.gif');
|
||||
}
|
||||
.xquared ul.buttons li.xq_separator {
|
||||
padding-left: 8px;
|
||||
margin-left: 8px;
|
||||
background-position: 0 0;
|
||||
background-repeat: repeat-x;
|
||||
background-image: url(../img/toolbar/toolbarSeparator.gif);
|
||||
background-image: url('../images/toolbar/toolbarSeparator.gif');
|
||||
}
|
||||
.xquared ul.buttons li a {
|
||||
display: block;
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
<!-- 스킨 css 로드 -->
|
||||
<!--%import("examples/css/xq_ui.css")-->
|
||||
<!--%import("css/xq_ui.css")-->
|
||||
<!--%import("css/default.css")-->
|
||||
<script type="text/javascript">
|
||||
var editor_path = "{$editor_path}";
|
||||
|
|
|
|||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
||||
<title>Xquared example - Default</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/xq_ui.css" />
|
||||
<script type="text/javascript" src="../js/xquared.js"></script>
|
||||
<script type="text/javascript">//<![CDATA[
|
||||
var xed;
|
||||
|
||||
window.onload = function() {
|
||||
xed = new xq.Editor("xqEditor");
|
||||
xed.setEditMode('wysiwyg');
|
||||
xed.loadStylesheet("css/xq_contents.css");
|
||||
xed.focus();
|
||||
}
|
||||
//]]></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="xqEditor">
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<p>This holds true both for individuals as well as whole tagging communities.</p>
|
||||
<ul>
|
||||
<li>Item 1</li>
|
||||
<li>Item 2</li>
|
||||
</ul>
|
||||
<p>This holds true both for individuals as well as whole tagging communities.</p>
|
||||
<ul>
|
||||
<li>
|
||||
<p>Item 1</p>
|
||||
<ol>
|
||||
<li>Item 1</li>
|
||||
<li>Item 2</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>Item 2</li>
|
||||
<li>Item 3</li>
|
||||
</ul>
|
||||
<p>This holds true both for individuals as well as whole tagging communities.</p>
|
||||
<div>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<blockquote>
|
||||
<p>This holds true both for individuals as well as whole tagging communities.</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<blockquote>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<blockquote>
|
||||
<p>This holds true both for individuals as well as whole tagging communities.</p>
|
||||
</blockquote>
|
||||
</blockquote>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<h1>Heading 1</h1>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<h1>Heading 1</h1>
|
||||
<h2>Heading 2</h2>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<h1>Heading 1</h1>
|
||||
<h2>Heading 2</h2>
|
||||
<h3>Heading 3</h3>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<h4>Heading 4</h4>
|
||||
<h5>Heading 5</h5>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<h6>Heading 6</h6>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<ol class="code">
|
||||
<li>print "Hello World"</li>
|
||||
<li>print "Hello World"</li>
|
||||
</ol>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,306 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
||||
<title>Xquared example - Extension point</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/xq_ui.css" />
|
||||
<script type="text/javascript" src="../js/xquared.js"></script>
|
||||
<script type="text/javascript">//<![CDATA[
|
||||
var xed;
|
||||
|
||||
window.onload = function() {
|
||||
xed = new xq.Editor("xqEditor");
|
||||
xed.setEditMode('wysiwyg');
|
||||
|
||||
xed.addShortcuts(getAdditionalShortcuts());
|
||||
xed.addAutocorrections(getAdditionalAutocorrections());
|
||||
xed.addAutocompletions(getAdditionalAutocompletions());
|
||||
xed.addContextMenuHandler('test', contextMenuHandler);
|
||||
|
||||
xed.loadStylesheet("css/xq_contents.css");
|
||||
xed.focus();
|
||||
}
|
||||
|
||||
function getAdditionalAutocompletions() {
|
||||
return [
|
||||
{
|
||||
id:'isbn',
|
||||
criteria: /@ISBN:\d+$/i,
|
||||
handler: function(xed, rdom, block, wrapper, text) {
|
||||
var isbn = text.split(":")[1]
|
||||
var korean = isbn.indexOf("97889") == 0 || isbn.indexOf("89") == 0
|
||||
var href = korean ?
|
||||
"http://www.aladdin.co.kr/shop/wproduct.aspx?ISBN=" :
|
||||
"http://www.amazon.com/exec/obidos/ISBN="
|
||||
var node = rdom.createElement('A');
|
||||
node.innerHTML = 'ISBN:' + isbn;
|
||||
node.href = href + isbn;
|
||||
node.className = 'external';
|
||||
node.title = 'ISBN:' + isbn;
|
||||
|
||||
wrapper.innerHTML = "";
|
||||
wrapper.appendChild(node);
|
||||
}
|
||||
},
|
||||
{
|
||||
id:'anchor',
|
||||
criteria: /@A(:(.+))?$/i,
|
||||
handler: function(xed, rdom, block, wrapper, text) {
|
||||
var m = text.match(/@A(:(.+))?$/i);
|
||||
var anchorId = m[2] ? m[2] : function() {
|
||||
var id = 0;
|
||||
while(true) {
|
||||
var element = rdom.$("a" + (id));
|
||||
if(!element) return "a" + id;
|
||||
id++;
|
||||
}
|
||||
}();
|
||||
|
||||
var node = rdom.createElement('A');
|
||||
node.id = anchorId;
|
||||
node.href = '#' + anchorId;
|
||||
node.className = 'anchor';
|
||||
node.title = 'Anchor ' + anchorId;
|
||||
node.innerHTML = '(' + anchorId + ')';
|
||||
|
||||
wrapper.innerHTML = "";
|
||||
wrapper.appendChild(node);
|
||||
}
|
||||
}
|
||||
];
|
||||
}
|
||||
function getAdditionalAutocorrections() {
|
||||
return [
|
||||
{id:'bullet', criteria: /^(\s|\ \;)*(\*|-)(\s|\ \;).+$/, handler: function(xed, rdom, block, text) {
|
||||
rdom.pushMarker();
|
||||
rdom.removePlaceHoldersAndEmptyNodes(block);
|
||||
block.innerHTML = block.innerHTML.replace(/((\s| )*(\*|\-)\s*)/, "");
|
||||
if(block.nodeName == "LI") xed.handleIndent();
|
||||
if(block.parentNode.nodeName != "UL") xed.handleList('UL');
|
||||
rdom.popMarker(true);
|
||||
}},
|
||||
{id:'numbering', criteria: /^(\s|\ \;)*(\d\.|#)(\s|\ \;).+$/, handler: function(xed, rdom, block, text) {
|
||||
rdom.pushMarker();
|
||||
rdom.removePlaceHoldersAndEmptyNodes(block);
|
||||
block.innerHTML = block.innerHTML.replace(/(\s| )*(\d\.|\#)\s*/, "")
|
||||
if(block.nodeName == "LI") xed.handleIndent();
|
||||
if(block.parentNode.nodeName != "OL") xed.handleList('OL');
|
||||
rdom.popMarker(true);
|
||||
}},
|
||||
{id:'imageUrl', criteria: /https?:\/\/.*?\/(.*?\.(jpg|jpeg|gif|bmp|png))$/i, handler: function(xed, rdom, block, text) {
|
||||
var fileName = text.match(/https?:\/\/.*?\/(.*?\.(jpg|jpeg|gif|bmp|png))$/i)[1];
|
||||
block.innerHTML = "";
|
||||
var img = rdom.createElement("img");
|
||||
img.src = text;
|
||||
img.alt = fileName;
|
||||
img.title = fileName;
|
||||
block.appendChild(img);
|
||||
rdom.selectElement(block);
|
||||
rdom.collapseSelection(false);
|
||||
}},
|
||||
{id:'separator', criteria: /^----*$/, handler: function(xed, rdom, block, text) {
|
||||
if(rdom.tree.isBlockContainer(block)) block = rdom.wrapAllInlineOrTextNodesAs("P", block, true)[0];
|
||||
rdom.insertNodeAt(rdom.createElement("HR"), block, "before");
|
||||
block.innerHTML = "";
|
||||
rdom.placeCaretAtStartOf(block);
|
||||
return true;
|
||||
}},
|
||||
{id:'heading', criteria: /^\=+[^=]*\=+(\ )*$/, handler: function(xed, rdom, block, text) {
|
||||
var textWithoutEqualMarks = text.strip().replace(/=/g, "");
|
||||
var level = Math.min(6, parseInt((text.length - textWithoutEqualMarks.length) / 2))
|
||||
xed.handleApplyBlock('H' + level);
|
||||
block = rdom.getCurrentBlockElement();
|
||||
block.innerHTML = textWithoutEqualMarks;
|
||||
rdom.selectElement(block);
|
||||
rdom.collapseSelection();
|
||||
}}
|
||||
];
|
||||
}
|
||||
|
||||
function getAdditionalShortcuts() {
|
||||
if(xq.Browser.isMac) {
|
||||
// Mac FF & Safari
|
||||
return [
|
||||
{event:"Ctrl+Shift+SPACE", handler:"this.handleAutocompletion(); stop = true;"},
|
||||
{event:"Ctrl+Meta+0", handler:"xed.handleApplyBlock('P')"},
|
||||
{event:"Ctrl+Meta+1", handler:"xed.handleApplyBlock('H1')"},
|
||||
{event:"Ctrl+Meta+2", handler:"xed.handleApplyBlock('H2')"},
|
||||
{event:"Ctrl+Meta+3", handler:"xed.handleApplyBlock('H3')"},
|
||||
{event:"Ctrl+Meta+4", handler:"xed.handleApplyBlock('H4')"},
|
||||
{event:"Ctrl+Meta+5", handler:"xed.handleApplyBlock('H5')"},
|
||||
{event:"Ctrl+Meta+6", handler:"xed.handleApplyBlock('H6')"},
|
||||
|
||||
{event:"Ctrl+Meta+B", handler:"xed.handleApplyBlock('BLOCKQUOTE')"},
|
||||
{event:"Ctrl+Meta+D", handler:"xed.handleApplyBlock('DIV')"},
|
||||
{event:"Ctrl+Meta+EQUAL", handler:"xed.handleSeparator()"},
|
||||
|
||||
{event:"Ctrl+Meta+O", handler:"xed.handleList('OL')"},
|
||||
{event:"Ctrl+Meta+U", handler:"xed.handleList('UL')"},
|
||||
|
||||
{event:"Ctrl+Meta+E", handler:"xed.handleRemoveBlock()"},
|
||||
|
||||
{event:"Ctrl+(Meta)+COMMA", handler:"xed.handleJustify('left')"},
|
||||
{event:"Ctrl+(Meta)+PERIOD", handler:"xed.handleJustify('center')"},
|
||||
{event:"Ctrl+(Meta)+SLASH", handler:"xed.handleJustify('right')"},
|
||||
|
||||
{event:"Meta+UP", handler:"xed.handleMoveBlock(true)"},
|
||||
{event:"Meta+DOWN", handler:"xed.handleMoveBlock(false)"}
|
||||
];
|
||||
} else if(xq.Browser.isUbuntu) {
|
||||
// Ubunto FF
|
||||
return [
|
||||
{event:"Ctrl+SPACE", handler:"xed.handleAutocompletion(); stop = true;"},
|
||||
{event:"Ctrl+0", handler:"xed.handleApplyBlock('P')"},
|
||||
{event:"Ctrl+1", handler:"xed.handleApplyBlock('H1')"},
|
||||
{event:"Ctrl+2", handler:"xed.handleApplyBlock('H2')"},
|
||||
{event:"Ctrl+3", handler:"xed.handleApplyBlock('H3')"},
|
||||
{event:"Ctrl+4", handler:"xed.handleApplyBlock('H4')"},
|
||||
{event:"Ctrl+5", handler:"xed.handleApplyBlock('H5')"},
|
||||
{event:"Ctrl+6", handler:"xed.handleApplyBlock('H6')"},
|
||||
|
||||
{event:"Ctrl+Alt+B", handler:"xed.handleApplyBlock('BLOCKQUOTE')"},
|
||||
{event:"Ctrl+Alt+D", handler:"xed.handleApplyBlock('DIV')"},
|
||||
{event:"Alt+HYPHEN", handler:"xed.handleSeparator()"},
|
||||
|
||||
{event:"Ctrl+Alt+O", handler:"xed.handleList('OL')"},
|
||||
{event:"Ctrl+Alt+U", handler:"xed.handleList('UL')"},
|
||||
|
||||
{event:"Ctrl+Alt+E", handler:"xed.handleRemoveBlock()"},
|
||||
|
||||
{event:"Alt+COMMA", handler:"xed.handleJustify('left')"},
|
||||
{event:"Alt+PERIOD", handler:"xed.handleJustify('center')"},
|
||||
{event:"Alt+SLASH", handler:"xed.handleJustify('right')"},
|
||||
|
||||
{event:"Alt+UP", handler:"xed.handleMoveBlock(true)"},
|
||||
{event:"Alt+DOWN", handler:"xed.handleMoveBlock(false)"}
|
||||
];
|
||||
} else {
|
||||
// Win IE & FF
|
||||
return [
|
||||
{event:"Ctrl+SPACE", handler:"xed.handleAutocompletion(); stop = true;"},
|
||||
{event:"Alt+0", handler:"xed.handleApplyBlock('P')"},
|
||||
{event:"Alt+1", handler:"xed.handleApplyBlock('H1')"},
|
||||
{event:"Alt+2", handler:"xed.handleApplyBlock('H2')"},
|
||||
{event:"Alt+3", handler:"xed.handleApplyBlock('H3')"},
|
||||
{event:"Alt+4", handler:"xed.handleApplyBlock('H4')"},
|
||||
{event:"Alt+5", handler:"xed.handleApplyBlock('H5')"},
|
||||
{event:"Alt+6", handler:"xed.handleApplyBlock('H6')"},
|
||||
|
||||
{event:"Ctrl+Alt+B", handler:"xed.handleApplyBlock('BLOCKQUOTE')"},
|
||||
{event:"Ctrl+Alt+D", handler:"xed.handleApplyBlock('DIV')"},
|
||||
{event:"Alt+HYPHEN", handler:"xed.handleSeparator()"},
|
||||
|
||||
{event:"Ctrl+Alt+O", handler:"xed.handleList('OL')"},
|
||||
{event:"Ctrl+Alt+U", handler:"xed.handleList('UL')"},
|
||||
|
||||
{event:"Ctrl+Alt+E", handler:"xed.handleRemoveBlock()"},
|
||||
|
||||
{event:"Alt+COMMA", handler:"xed.handleJustify('left')"},
|
||||
{event:"Alt+PERIOD", handler:"xed.handleJustify('center')"},
|
||||
{event:"Alt+SLASH", handler:"xed.handleJustify('right')"},
|
||||
|
||||
{event:"Alt+UP", handler:"xed.handleMoveBlock(true)"},
|
||||
{event:"Alt+DOWN", handler:"xed.handleMoveBlock(false)"}
|
||||
];
|
||||
}
|
||||
}
|
||||
|
||||
var quickSearch = function(xed) {
|
||||
var dialog = new xq.controls.QuickSearchDialog(xed, {
|
||||
listProvider: function(query, xed, callback) {
|
||||
var headings = xed.rdom.searchHeadings();
|
||||
var matched = headings.findAll(function(h) {
|
||||
return xed.rdom.getInnerText(h).toLowerCase().indexOf(query.toLowerCase()) != -1;
|
||||
});
|
||||
callback(matched);
|
||||
},
|
||||
onSelect: function(xed, selected) {
|
||||
xed.focus();
|
||||
xed.rdom.scrollIntoView(selected, true, true);
|
||||
}
|
||||
});
|
||||
dialog.show();
|
||||
}
|
||||
|
||||
var contextMenuHandler = function(editor, element, x, y) {
|
||||
if(element.nodeName != "P") return false;
|
||||
editor.showContextMenu([
|
||||
{
|
||||
title: '볼드',
|
||||
handler: editor.handleStrongEmphasis.bind(xed)
|
||||
},
|
||||
{
|
||||
title: '언더라인',
|
||||
handler: editor.handleUnderline.bind(xed)
|
||||
},
|
||||
{
|
||||
title: '----'
|
||||
},
|
||||
{
|
||||
title: 'QuickSearch',
|
||||
handler: quickSearch
|
||||
}
|
||||
], x, y);
|
||||
|
||||
return true;
|
||||
}
|
||||
//]]></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="xqEditor">
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<p>This holds true both for individuals as well as whole tagging communities.</p>
|
||||
<ul>
|
||||
<li>Item 1</li>
|
||||
<li>Item 2</li>
|
||||
</ul>
|
||||
<p>This holds true both for individuals as well as whole tagging communities.</p>
|
||||
<ul>
|
||||
<li>
|
||||
<p>Item 1</p>
|
||||
<ol>
|
||||
<li>Item 1</li>
|
||||
<li>Item 2</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>Item 2</li>
|
||||
<li>Item 3</li>
|
||||
</ul>
|
||||
<p>This holds true both for individuals as well as whole tagging communities.</p>
|
||||
<div>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<blockquote>
|
||||
<p>This holds true both for individuals as well as whole tagging communities.</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<blockquote>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<blockquote>
|
||||
<p>This holds true both for individuals as well as whole tagging communities.</p>
|
||||
</blockquote>
|
||||
</blockquote>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<h1>Heading 1</h1>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<h1>Heading 1</h1>
|
||||
<h2>Heading 2</h2>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<h1>Heading 1</h1>
|
||||
<h2>Heading 2</h2>
|
||||
<h3>Heading 3</h3>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<h4>Heading 4</h4>
|
||||
<h5>Heading 5</h5>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<h6>Heading 6</h6>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<ol class="code">
|
||||
<li>print "Hello World"</li>
|
||||
<li>print "Hello World"</li>
|
||||
</ol>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,29 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
||||
<title>Xquared example - Form and Textarea</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/xq_ui.css" />
|
||||
<script type="text/javascript" src="../js/xquared.js"></script>
|
||||
<script type="text/javascript">//<![CDATA[
|
||||
var xed;
|
||||
|
||||
window.onload = function() {
|
||||
xed = new xq.Editor("xqEditor");
|
||||
xed.setEditMode('wysiwyg');
|
||||
xed.loadStylesheet("css/xq_contents.css");
|
||||
xed.focus();
|
||||
}
|
||||
//]]></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<form action="#" method="post" onsubmit="alert(document.getElementById('xqEditor').value); return false;">
|
||||
<label>Subject: <input type="text" name="subject" /></label>
|
||||
<label>Content:
|
||||
<textarea name="content" id="xqEditor"><p>Hello <a href="#">World</a>!</p></textarea>
|
||||
</label>
|
||||
<input type="submit" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,42 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
||||
<title>Xquared example - Custom toolbar 1</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/xq_ui.css" />
|
||||
<script type="text/javascript" src="../js/xquared.js"></script>
|
||||
<script type="text/javascript">//<![CDATA[
|
||||
var xed;
|
||||
|
||||
window.onload = function() {
|
||||
xed = new xq.Editor("xqEditor");
|
||||
xed.config.defaultToolbarButtonMap = [
|
||||
[
|
||||
{className:"foregroundColor", title:"Foreground color", handler:"xed.handleForegroundColor('red')"},
|
||||
{className:"backgroundColor", title:"Background color", handler:"xed.handleBackgroundColor('yellow')"}
|
||||
],
|
||||
[
|
||||
{className:"strongEmphasis", title:"Strong emphasis", handler:"xed.handleStrongEmphasis()"},
|
||||
{className:"emphasis", title:"Emphasis", handler:"xed.handleEmphasis()"},
|
||||
{className:"underline", title:"Underline", handler:"xed.handleUnderline()"},
|
||||
{className:"strike", title:"Strike", handler:"xed.handleStrike()"}
|
||||
],
|
||||
[
|
||||
{className:"superscription", title:"Superscription", handler:"xed.handleSuperscription()"},
|
||||
{className:"subscription", title:"Subscription", handler:"xed.handleSubscription()"}
|
||||
],
|
||||
[
|
||||
{className:"removeFormat", title:"Remove format", handler:"xed.handleRemoveFormat()"}
|
||||
]
|
||||
];
|
||||
xed.setEditMode('wysiwyg');
|
||||
xed.loadStylesheet("css/xq_contents.css");
|
||||
xed.focus();
|
||||
}
|
||||
//]]></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="xqEditor"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,91 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
||||
<title>Xquared example - Custom toolbar 2</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/xq_ui.css" />
|
||||
<style type="text/css">
|
||||
.toolbar .buttons .selected {
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript" src="../js/xquared.js"></script>
|
||||
<script type="text/javascript">//<![CDATA[
|
||||
var xed;
|
||||
|
||||
window.onload = function() {
|
||||
xed = new xq.Editor("xqEditor", "xqToolbarContainer");
|
||||
xed.setEditMode('wysiwyg');
|
||||
xed.loadStylesheet("css/xq_contents.css");
|
||||
xed.focus();
|
||||
}
|
||||
//]]></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="toolbar">
|
||||
<ul id="xqToolbarContainer" class="buttons">
|
||||
<li class="foregroundColor"><a href="#" title="Foreground color" onclick="xed.handleForegroundColor('red');return false;" onmousedown="return false;">Foreground color</a></li>
|
||||
<li class="strongEmphasis"><a href="#" title="Strong emphasis" onclick="xed.handleStrongEmphasis();return false;" onmousedown="return false;">Strong emphasis</a></li>
|
||||
<li class="undo"><a href="#" title="Undo" onclick="xed.handleUndo();return false;" onmousedown="return false;">Undo</a></li>
|
||||
<li class="redo"><a href="#" title="Redo" onclick="xed.handleRedo();return false;" onmousedown="return false;">Redo</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<div id="xqEditor" class="editor">
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<p>This holds true both for individuals as well as whole tagging communities.</p>
|
||||
<ul>
|
||||
<li>Item 1</li>
|
||||
<li>Item 2</li>
|
||||
</ul>
|
||||
<p>This holds true both for individuals as well as whole tagging communities.</p>
|
||||
<ul>
|
||||
<li>
|
||||
<p>Item 1</p>
|
||||
<ol>
|
||||
<li>Item 1</li>
|
||||
<li>Item 2</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>Item 2</li>
|
||||
<li>Item 3</li>
|
||||
</ul>
|
||||
<p>This holds true both for individuals as well as whole tagging communities.</p>
|
||||
<div>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<blockquote>
|
||||
<p>This holds true both for individuals as well as whole tagging communities.</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<blockquote>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<blockquote>
|
||||
<p>This holds true both for individuals as well as whole tagging communities.</p>
|
||||
</blockquote>
|
||||
</blockquote>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<h1>Heading 1</h1>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<h1>Heading 1</h1>
|
||||
<h2>Heading 2</h2>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<h1>Heading 1</h1>
|
||||
<h2>Heading 2</h2>
|
||||
<h3>Heading 3</h3>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<h4>Heading 4</h4>
|
||||
<h5>Heading 5</h5>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<h6>Heading 6</h6>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
<ol class="code">
|
||||
<li>print "Hello World"</li>
|
||||
<li>print "Hello World"</li>
|
||||
</ol>
|
||||
<p>Most notably, it has been confirmed in many empirical studies on tagging(see e.g. [Golder:2005, Hotho:2006, Cattuto:2006]), that tag distributions tend follow a power law—a small number of tags is used very often, while a very large number of tags occurs very rarely.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
||||
<title>Xquared example - No toolbar</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/xq_ui.css" />
|
||||
<script type="text/javascript" src="../js/xquared.js"></script>
|
||||
<script type="text/javascript">//<![CDATA[
|
||||
var xed;
|
||||
|
||||
window.onload = function() {
|
||||
xed = new xq.Editor("xqEditor");
|
||||
|
||||
// Turn off default toolbar
|
||||
xed.config.generateDefaultToolbar = false;
|
||||
|
||||
xed.setEditMode('wysiwyg');
|
||||
xed.loadStylesheet("css/xq_contents.css");
|
||||
xed.focus();
|
||||
}
|
||||
//]]></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="xqEditor"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
Before Width: | Height: | Size: 99 B After Width: | Height: | Size: 99 B |
|
Before Width: | Height: | Size: 114 B After Width: | Height: | Size: 114 B |
|
Before Width: | Height: | Size: 108 B After Width: | Height: | Size: 108 B |
|
Before Width: | Height: | Size: 68 B After Width: | Height: | Size: 68 B |
|
Before Width: | Height: | Size: 71 B After Width: | Height: | Size: 71 B |
|
Before Width: | Height: | Size: 86 B After Width: | Height: | Size: 86 B |
|
Before Width: | Height: | Size: 76 B After Width: | Height: | Size: 76 B |
|
Before Width: | Height: | Size: 64 B After Width: | Height: | Size: 64 B |
|
Before Width: | Height: | Size: 68 B After Width: | Height: | Size: 68 B |
|
Before Width: | Height: | Size: 70 B After Width: | Height: | Size: 70 B |
|
Before Width: | Height: | Size: 84 B After Width: | Height: | Size: 84 B |
|
Before Width: | Height: | Size: 70 B After Width: | Height: | Size: 70 B |
|
Before Width: | Height: | Size: 64 B After Width: | Height: | Size: 64 B |
|
Before Width: | Height: | Size: 64 B After Width: | Height: | Size: 64 B |
|
Before Width: | Height: | Size: 97 B After Width: | Height: | Size: 97 B |
|
Before Width: | Height: | Size: 64 B After Width: | Height: | Size: 64 B |
|
Before Width: | Height: | Size: 73 B After Width: | Height: | Size: 73 B |
|
Before Width: | Height: | Size: 71 B After Width: | Height: | Size: 71 B |
|
Before Width: | Height: | Size: 69 B After Width: | Height: | Size: 69 B |
|
Before Width: | Height: | Size: 73 B After Width: | Height: | Size: 73 B |
|
Before Width: | Height: | Size: 68 B After Width: | Height: | Size: 68 B |
|
Before Width: | Height: | Size: 67 B After Width: | Height: | Size: 67 B |
|
Before Width: | Height: | Size: 58 B After Width: | Height: | Size: 58 B |
|
Before Width: | Height: | Size: 69 B After Width: | Height: | Size: 69 B |
|
Before Width: | Height: | Size: 70 B After Width: | Height: | Size: 70 B |
|
Before Width: | Height: | Size: 66 B After Width: | Height: | Size: 66 B |
|
Before Width: | Height: | Size: 67 B After Width: | Height: | Size: 67 B |
|
Before Width: | Height: | Size: 74 B After Width: | Height: | Size: 74 B |
|
Before Width: | Height: | Size: 172 B After Width: | Height: | Size: 172 B |
|
Before Width: | Height: | Size: 46 B After Width: | Height: | Size: 46 B |
|
Before Width: | Height: | Size: 963 B After Width: | Height: | Size: 963 B |
|
Before Width: | Height: | Size: 73 B After Width: | Height: | Size: 73 B |
|
Before Width: | Height: | Size: 69 B After Width: | Height: | Size: 69 B |
|
Before Width: | Height: | Size: 66 B After Width: | Height: | Size: 66 B |
|
|
@ -30,8 +30,8 @@ function editorGetContent_xq(editor_sequence) {
|
|||
|
||||
function editorStart_xq(editor, element, editor_sequence, content_key, editor_height, primary_key) {
|
||||
editor = new xq.Editor(element);
|
||||
editor.config.imagePathForDefaultToobar = request_uri+editor_path.substring(2)+'examples/img/toolbar/';
|
||||
editor.config.imagePathForContent = request_uri+editor_path.substring(2)+'examples/img/content/';
|
||||
editor.config.imagePathForDefaultToobar = request_uri+editor_path.substring(2)+'images/toolbar/';
|
||||
editor.config.imagePathForContent = request_uri+editor_path.substring(2)+'images/content/';
|
||||
editor.config.allowedAttributes.push('editor_component', 'poll_srl','multimedia_src', 'auto_start', 'link_url', 'editor_sequence', 'use_folder', 'folder_opener', 'folder_closer', 'color', 'border_thickness', 'border_color', 'bg_color', 'border_style', 'margin', 'padding', 'bold', 'nx', 'ny', 'gx', 'gy', 'address', 'reg_sinpic', 'language','align');
|
||||
editor.config.allowedTags.push('embed', 'param', 'object');
|
||||
|
||||
|
|
@ -63,7 +63,7 @@ function editorStart_xq(editor, element, editor_sequence, content_key, editor_he
|
|||
|
||||
editor.setStaticContent(fo_obj[content_key].value);
|
||||
editor.setEditMode('wysiwyg');
|
||||
editor.loadStylesheet(request_uri+editor_path+"/examples/css/xq_contents.css");
|
||||
editor.loadStylesheet(request_uri+editor_path+"/css/xq_contents.css");
|
||||
editor.getFrame().style.width = "100%";
|
||||
editor.getFrame().parentNode.style.height = editor_height;
|
||||
editor.getBody().setAttribute('editor_sequence', editor_sequence);
|
||||
|
|
|
|||
|
|
@ -495,8 +495,8 @@ xq.Editor = xq.Class({
|
|||
]
|
||||
];
|
||||
|
||||
this.config.imagePathForDefaultToobar = 'img/toolbar/';
|
||||
this.config.imagePathForContent = 'img/content/';
|
||||
this.config.imagePathForDefaultToobar = 'images/toolbar/';
|
||||
this.config.imagePathForContent = 'images/content/';
|
||||
|
||||
// relative | host_relative | absolute | browser_default
|
||||
this.config.urlValidationMode = 'absolute';
|
||||
|
|
|
|||