mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-14 00:39:57 +09:00
git-svn-id: http://xe-core.googlecode.com/svn/trunk@553 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
zero
parent
16dd5a4984
commit
563c5ec259
12 changed files with 208 additions and 29 deletions
|
|
@ -11,7 +11,7 @@
|
|||
<tr>
|
||||
<td><img src="blank.gif" alt="blank" class="preview_color" id="preview_color" /></td>
|
||||
<td>#</td>
|
||||
<td><input type="text" id="color_input" size="6" maxlength="6" class="popup_input" value="FFFFFF" /></td>
|
||||
<td><input type="text" id="color_input" size="6" maxlength="6" class="popup_input" value="FFFFFF" onkeyup="manual_select_color(this)"/></td>
|
||||
<td><input type="submit" value="{$lang->cmd_select}" class="popup_submit"/></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -41,3 +41,9 @@ function printColor(blank_img_src) {
|
|||
function printColorBlock(code, blank_img_src) {
|
||||
return "<div style=\"float:left;background-color:#"+code+"\"><img src=\""+blank_img_src+"\" class=\"color_icon\" onmouseover=\"this.className='color_icon_over'\" onmouseout=\"this.className='color_icon'\" onclick=\"select_color('"+code+"')\" alt=\"color\" \/><\/div>";
|
||||
}
|
||||
|
||||
/* 수동 색상 변경시 */
|
||||
function manual_select_color(obj) {
|
||||
if(obj.value.length!=6) return;
|
||||
xGetElementById("preview_color").style.backgroundColor = "#"+obj.value;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
<tr>
|
||||
<td><img src="blank.gif" alt="blank" class="preview_color" id="preview_color" /></td>
|
||||
<td>#</td>
|
||||
<td><input type="text" id="color_input" size="6" maxlength="6" class="popup_input" value="000000" /></td>
|
||||
<td><input type="text" id="color_input" size="6" maxlength="6" class="popup_input" value="000000" onkeyup="manual_select_color(this)"/></td>
|
||||
<td><input type="submit" value="{$lang->cmd_select}" class="popup_submit"/></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -42,3 +42,9 @@ function printColor(blank_img_src) {
|
|||
function printColorBlock(code, blank_img_src) {
|
||||
return "<div style=\"float:left;background-color:#"+code+"\"><img src=\""+blank_img_src+"\" class=\"color_icon\" onmouseover=\"this.className='color_icon_over'\" onmouseout=\"this.className='color_icon'\" onclick=\"select_color('"+code+"')\" alt=\"color\" \/><\/div>";
|
||||
}
|
||||
|
||||
/* 수동 색상 변경시 */
|
||||
function manual_select_color(obj) {
|
||||
if(obj.value.length!=6) return;
|
||||
xGetElementById("preview_color").style.backgroundColor = "#"+obj.value;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,4 +6,25 @@
|
|||
**/
|
||||
|
||||
$lang->quotation = "인용구 사용하기";
|
||||
$lang->quotation_use_folder = "폴더기능 사용";
|
||||
$lang->quotation_opener = "열기 버튼 이름";
|
||||
$lang->quotation_closer = "닫기 버튼 이름";
|
||||
$lang->quotation_border_color = "테두리 색";
|
||||
$lang->quotation_border_thickness = "테두리 굵기";
|
||||
|
||||
$lang->quotation_border_style = "테두리 종류";
|
||||
$lang->quotation_border_style_list = array(
|
||||
"none" => "없음",
|
||||
"solid" => "실선",
|
||||
"dotted" => "점선",
|
||||
"left_solid" => "좌측 실선",
|
||||
"right_solid" => "우측 실선",
|
||||
);
|
||||
|
||||
$lang->quotation_bg_color = "배경 색";
|
||||
|
||||
$lang->quotation_opener = "열기 링크 이름";
|
||||
$lang->quotation_opener = "닫기 링크 이름";
|
||||
$lang->quotation_cmd_opener = "더 보기...";
|
||||
$lang->quotation_cmd_closer = "닫기";
|
||||
?>
|
||||
|
|
|
|||
BIN
modules/editor/components/quotation/tpl/blank.gif
Normal file
BIN
modules/editor/components/quotation/tpl/blank.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 B |
|
|
@ -1,5 +1,5 @@
|
|||
.editor_window {
|
||||
width:400px;
|
||||
width:550px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
|
|
@ -16,7 +16,6 @@
|
|||
text-align:center;
|
||||
}
|
||||
|
||||
|
||||
.header {
|
||||
float:left;
|
||||
width:100px;
|
||||
|
|
@ -30,7 +29,7 @@
|
|||
|
||||
.body {
|
||||
float:left;
|
||||
width:250px;
|
||||
width:405px;
|
||||
text-align:left;
|
||||
margin:5px;
|
||||
font-size:9pt;
|
||||
|
|
@ -41,6 +40,26 @@
|
|||
font-size:9pt;
|
||||
}
|
||||
|
||||
.editor_input {
|
||||
width:50px;
|
||||
height:13px;
|
||||
font-size:9pt;
|
||||
border:1px solid #AAAAAA;
|
||||
}
|
||||
|
||||
.editor_input_long {
|
||||
width:350px;
|
||||
height:13px;
|
||||
font-size:9pt;
|
||||
border:1px solid #AAAAAA;
|
||||
}
|
||||
|
||||
.editor_select {
|
||||
width:80px;
|
||||
height:14px;
|
||||
font-size:9pt;
|
||||
}
|
||||
|
||||
.editor_button_area {
|
||||
clear:both;
|
||||
text-align:center;
|
||||
|
|
@ -53,4 +72,33 @@
|
|||
margin-top:4px;
|
||||
background-color:#FFFFFF;
|
||||
border:1px solid #AAAAAA;
|
||||
height:16px;
|
||||
font-size:8pt;
|
||||
}
|
||||
|
||||
img.color_icon {
|
||||
width:14px;
|
||||
height:14px;
|
||||
border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
img.color_icon_over {
|
||||
width:14px;
|
||||
height:14px;
|
||||
border:1px solid #000000;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
img.border_preview_color {
|
||||
width:30px;
|
||||
height:16px;
|
||||
border:1px solid #000000;
|
||||
background-color:#88EE22;
|
||||
}
|
||||
|
||||
img.bg_preview_color {
|
||||
width:30px;
|
||||
height:16px;
|
||||
border:1px solid #000000;
|
||||
background-color:#FFFFFF;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,26 +2,74 @@
|
|||
<!--%import("popup.css")-->
|
||||
<!--%import("../lang")-->
|
||||
|
||||
<div class="editor_window">
|
||||
<form action="./" method="get" onSubmit="return false" id="fo">
|
||||
<div class="header">{$lang->multimedia_url}</div>
|
||||
<div class="body"><input type="text" class="multimedia_url" id="multimedia_url" value="" /></div>
|
||||
<form action="./" method="get" onSubmit="return false" id="fo">
|
||||
<div class="editor_window">
|
||||
<div class="editor_title">{$lang->quotation}</div>
|
||||
|
||||
<div class="header">{$lang->multimedia_caption}</div>
|
||||
<div class="body"><input type="text" class="multimedia_url" id="multimedia_caption" value="" /></div>
|
||||
<div class="header">{$lang->quotation_use_folder}</div>
|
||||
<div class="body"><input type="checkbox" id="quotation_use" value="Y" checked="true" onclick="toggle_folder(this)" /></div>
|
||||
|
||||
<div class="header">{$lang->multimedia_width}</div>
|
||||
<div class="body"><input type="text" class="multimedia_size" id="multimedia_width" value="640" />px</div>
|
||||
<div id="folder_area" style="display:block">
|
||||
|
||||
<div class="header">{$lang->multimedia_height}</div>
|
||||
<div class="body"><input type="text" class="multimedia_size" id="multimedia_height" value="480" />px</div>
|
||||
<div class="header">{$lang->quotation_opener}</div>
|
||||
<div class="body"><input type="text" class="editor_input_long" id="quotation_opener" value="{$lang->quotation_cmd_opener}" /></div>
|
||||
|
||||
<div class="header">{$lang->multimedia_auto_start}</div>
|
||||
<div class="body"><input type="checkbox" id="multimedia_auto_start" value="Y" /></div>
|
||||
<div class="header">{$lang->quotation_closer}</div>
|
||||
<div class="body"><input type="text" class="editor_input_long" id="quotation_closer" value="{$lang->quotation_cmd_closer}" /></div>
|
||||
|
||||
<div class="editor_button_area">
|
||||
<input type="button" value="{$lang->cmd_insert}" class="editor_button" onclick="insertMultimedia()" />
|
||||
<input type="button" value="{$lang->cmd_close}" class="editor_button" onclick="window.close();" />
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header">{$lang->quotation_border_style}</div>
|
||||
<div class="body">
|
||||
<select id="border_style" class="editor_select">
|
||||
<!--@foreach($lang->quotation_border_style_list as $key => $val)-->
|
||||
<option value="{$key}">{$val}</option>
|
||||
<!--@end-->
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="header">{$lang->quotation_border_thickness}</div>
|
||||
<div class="body"><input type="text" class="editor_input" id="border_thickness" value="1" />px</div>
|
||||
|
||||
<div class="header">{$lang->quotation_border_color}</div>
|
||||
<div class="body">
|
||||
<div>
|
||||
<script type="text/javascript">
|
||||
printColor("border", "{$tpl_path}/blank.gif");
|
||||
</script>
|
||||
</div>
|
||||
<div>
|
||||
<table border="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><img src="./blank.gif" alt="blank" class="border_preview_color" id="border_preview_color" /></td>
|
||||
<td>#</td>
|
||||
<td><input type="text" id="border_color_input" size="6" maxlength="6" class="editor_input" value="88EE22" onkeyup="manual_select_color('border',this)"/></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header">{$lang->quotation_bg_color}</div>
|
||||
<div class="body">
|
||||
<div>
|
||||
<script type="text/javascript">
|
||||
printColor("bg", "{$tpl_path}/blank.gif");
|
||||
</script>
|
||||
</div>
|
||||
<div>
|
||||
<table border="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><img src="./blank.gif" alt="blank" class="bg_preview_color" id="bg_preview_color" /></td>
|
||||
<td>#</td>
|
||||
<td><input type="text" id="bg_color_input" size="6" maxlength="6" class="editor_input" value="FFFFFF" onkeyup="manual_select_color('bg',this)"/></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="editor_button_area">
|
||||
<input type="button" value="{$lang->cmd_insert}" class="editor_button" onclick="insertMultimedia()" />
|
||||
<input type="button" value="{$lang->cmd_close}" class="editor_button" onclick="window.close();" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,8 @@
|
|||
* popup으로 열렸을 경우 부모창의 위지윅에디터에 select된 멀티미디어 컴포넌트 코드를 체크하여
|
||||
* 있으면 가져와서 원하는 곳에 삽입
|
||||
**/
|
||||
function getMultimedia() {
|
||||
function getQuotation() {
|
||||
return;
|
||||
// 부모 위지윅 에디터에서 선택된 영역이 있는지 확인
|
||||
if(typeof(opener)=="undefined") return;
|
||||
|
||||
|
|
@ -23,10 +24,10 @@ function getMultimedia() {
|
|||
|
||||
}
|
||||
|
||||
function insertMultimedia(obj) {
|
||||
function insertQuotation(obj) {
|
||||
if(typeof(opener)=="undefined") return;
|
||||
|
||||
var url = xGetElementById("multimedia_url").value;
|
||||
var url = xGetElementById("_url").value;
|
||||
|
||||
var caption = xGetElementById("multimedia_caption").value;
|
||||
|
||||
|
|
@ -56,4 +57,53 @@ function insertMultimedia(obj) {
|
|||
window.close();
|
||||
}
|
||||
|
||||
xAddEventListener(window, "load", getMultimedia);
|
||||
/* 색상 클릭시 */
|
||||
function select_color(type, code) {
|
||||
xGetElementById(type+"_preview_color").style.backgroundColor = "#"+code;
|
||||
xGetElementById(type+"_color_input").value = code;
|
||||
}
|
||||
|
||||
/* 수동 색상 변경시 */
|
||||
function manual_select_color(type, obj) {
|
||||
if(obj.value.length!=6) return;
|
||||
xGetElementById(type+"_preview_color").style.backgroundColor = "#"+obj.value;
|
||||
}
|
||||
|
||||
/* 색상표를 출력 */
|
||||
function printColor(type, blank_img_src) {
|
||||
var colorTable = new Array('22','44','66','88','AA','CC','EE');
|
||||
var html = "";
|
||||
|
||||
for(var i=0;i<8;i+=1) html += printColorBlock(type, i.toString(16)+i.toString(16)+i.toString(16)+i.toString(16)+i.toString(16)+i.toString(16), blank_img_src);
|
||||
|
||||
for(var i=0; i<colorTable.length; i+=3) {
|
||||
for(var j=0; j<colorTable.length; j+=2) {
|
||||
for(var k=0; k<colorTable.length; k++) {
|
||||
var code = colorTable[i] + colorTable[j] + colorTable[k];
|
||||
html += printColorBlock(type, code, blank_img_src);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
for(var i=8;i<16;i+=1) html += printColorBlock(type, i.toString(16)+i.toString(16)+i.toString(16)+i.toString(16)+i.toString(16)+i.toString(16), blank_img_src);
|
||||
|
||||
document.write(html);
|
||||
}
|
||||
|
||||
/* 개별 색상 block 출력 함수 */
|
||||
function printColorBlock(type, code, blank_img_src) {
|
||||
if(type=="bg") {
|
||||
return "<div style=\"float:left;background-color:#"+code+"\"><img src=\""+blank_img_src+"\" class=\"color_icon\" onmouseover=\"this.className='color_icon_over'\" onmouseout=\"this.className='color_icon'\" onclick=\"select_color('"+type+"','"+code+"')\" alt=\"color\" \/><\/div>";
|
||||
} else {
|
||||
return "<div style=\"float:left;background-color:#"+code+"\"><img src=\""+blank_img_src+"\" class=\"color_icon\" onmouseover=\"this.className='color_icon_over'\" onmouseout=\"this.className='color_icon'\" onclick=\"select_color('"+type+"','"+code+"')\" alt=\"color\" \/><\/div>";
|
||||
}
|
||||
}
|
||||
|
||||
/* 폴더 여닫기 기능 toggle */
|
||||
function toggle_folder(obj) {
|
||||
if(obj.checked) xGetElementById("folder_area").style.display = "block";
|
||||
else xGetElementById("folder_area").style.display = "none";
|
||||
setFixedPopupSize();
|
||||
}
|
||||
|
||||
xAddEventListener(window, "load", getQuotation);
|
||||
|
|
|
|||
|
|
@ -6,5 +6,5 @@
|
|||
**/
|
||||
|
||||
$lang->msg_component_is_not_founded = '%s 에디터 컴포넌트를 찾을 수 없습니다';
|
||||
$lang->about_dblclick_in_editor = '글 작성중 글자, 이미지, 에디터컴포넌트의 결과물등에서 더블클릭을 하시면 상세한 설정이 가능합니다';
|
||||
$lang->about_dblclick_in_editor = '글 작성중 배경, 글자, 이미지, 에디터컴포넌트의 결과물등에서 더블클릭을 하시면 상세한 설정이 가능합니다';
|
||||
?>
|
||||
|
|
|
|||
|
|
@ -56,5 +56,4 @@
|
|||
$lang->edit->icon_align_left = '글의 왼쪽으로';
|
||||
$lang->edit->icon_align_middle = '가운데 정렬';
|
||||
$lang->edit->icon_align_right = '글의 우측으로';
|
||||
|
||||
?>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue