Second pass at adding key files
This commit is contained in:
dsainty
81
site/forum.slowtwitch.com/www/static/editor.old/editor.css
Normal file
81
site/forum.slowtwitch.com/www/static/editor.old/editor.css
Normal file
@ -0,0 +1,81 @@
|
||||
/*
|
||||
* =================================================================
|
||||
* HTML Editor - A WYSIWYG web based editor for IE5.5+ and Mozilla v1.4+
|
||||
*
|
||||
* Website : http://gossamer-threads.com/
|
||||
* Support : http://gossamer-threads.com/scripts/support/
|
||||
* Revision : $Id: editor.css,v 1.1 2006/04/05 23:23:13 brewt Exp $
|
||||
*
|
||||
* Copyright (c) 2005 Gossamer Threads Inc. All Rights Reserved.
|
||||
* Redistribution in part or in whole strictly prohibited. Please
|
||||
* see LICENSE file for full details.
|
||||
* =================================================================
|
||||
*/
|
||||
|
||||
#editor {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
.toolbar {
|
||||
border: 1px solid;
|
||||
border-color: white gray gray white;
|
||||
height: 26px;
|
||||
heigh\t: 24px;
|
||||
background-color: lightgrey;
|
||||
overflow: hidden;
|
||||
}
|
||||
.button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: 1px solid lightgrey;
|
||||
width: 25px;
|
||||
widt\h: 23px;
|
||||
height: 24px;
|
||||
heigh\t: 22px;
|
||||
float: left;
|
||||
}
|
||||
.button-pressed {
|
||||
border-color: gray white white gray;
|
||||
background-color: #e9e7e3;
|
||||
background-position: 1px 1px;
|
||||
}
|
||||
.button-mouse-over {
|
||||
border-color: white gray gray white;
|
||||
}
|
||||
.button-pressed-mouse-over {
|
||||
background-color: lightgrey;
|
||||
}
|
||||
.button-disabled {
|
||||
filter: alpha(opacity = 25);
|
||||
opacity: 0.25;
|
||||
/* safari fix - when opacity is set, the background gets offset by about 50%?!? */
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.separator {
|
||||
margin: 2px 3px;
|
||||
border-left: 1px solid gray;
|
||||
border-right: 1px solid white;
|
||||
width: 0px;
|
||||
height: 20px;
|
||||
float: left;
|
||||
}
|
||||
#editable_iframe {
|
||||
border: 0px;
|
||||
width: 100%;
|
||||
}
|
||||
#editable_source {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: 0px;
|
||||
width: 100%;
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
/* this somehow fixes the focus problems in mozilla */
|
||||
left: 0px;
|
||||
}
|
||||
#editable_content {
|
||||
margin: 5px;
|
||||
}
|
||||
#editable_content p {
|
||||
margin: 0px;
|
||||
}
|
||||
@ -0,0 +1,135 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Color</title>
|
||||
<link type="text/css" rel="stylesheet" media="screen" href="editor_dialog.css">
|
||||
<script type="text/javascript" src="../utils.js"></script>
|
||||
<script type="text/javascript" src="editor_dialog.js"></script>
|
||||
<script type="text/javascript">
|
||||
var colors = ['FFFFFF', 'FFBFBF', 'FFDFBF', 'FFFFBF', 'EFFFBF', 'BFFFBF', 'BFFFEF', 'BFFFFF', 'BFDFFF', 'BFBFFF', 'DFBFFF', 'FFBFFF', 'FFBFDF', 'E0E0E0', 'FF8080', 'FFBF80', 'FFFF80', 'CFFF80', '80FF80', '80FFCF', '80FFFF', '80BFFF', '8080FF', 'BF80FF', 'FF80FF', 'FF80BF', 'C0C0C0', 'FF4040', 'FFA040', 'FFFF40', 'B0FF40', '40FF40', '40FFB0', '40FFFF', '40A0FF', '4040FF', 'A040FF', 'FF40FF', 'FF40A0', '808080', 'FF0000', 'FF8000', 'FFFF00', '80FF00', '00FF00', '00FF80', '00FFFF', '0080FF', '0000FF', '8000FF', 'FF00FF', 'FF0080', '646464', 'BF0000', 'BF6000', 'BFBF00', '80BF00', '00BF00', '00BF80', '00BFBF', '0060BF', '0000BF', '6000BF', 'BF00BF', 'BF0060', '484848', '800000', '804000', '808000', '588000', '008000', '008058', '008080', '004080', '000080', '400080', '800080', '800040', '000000', '500000', '502800', '505000', '385000', '005000', '005028', '005050', '002850', '000050', '280050', '500050', '500028'];
|
||||
var colormap = {
|
||||
aliceblue : '#F0F8FF', antiquewhite : '#FAEBD7', aqua : '#00FFFF', aquamarine : '#7FFFD4', azure : '#F0FFFF',
|
||||
beige : '#F5F5DC', bisque : '#FFE4C4', black : '#000000', blanchedalmond : '#FFEBCD', blue : '#0000FF', blueviolet : '#8A2BE2', brown : '#A52A2A', burlywood : '#DEB887',
|
||||
cadetblue : '#5F9EA0', chartreuse : '#7FFF00', chocolate : '#D2691E', coral : '#FF7F50', cornflowerblue : '#6495ED', cornsilk : '#FFF8DC', crimson : '#DC143C', cyan : '#00FFFF',
|
||||
darkblue : '#00008B', darkcyan : '#008B8B', darkgoldenrod : '#B8860B', darkgray : '#A9A9A9', darkgreen : '#006400', darkkhaki : '#BDB76B', darkmagenta : '#8B008B', darkolivegreen : '#556B2F', darkorange : '#FF8C00', darkorchid : '#9932CC', darkred : '#8B0000', darksalmon : '#E9967A', darkseagreen : '#8FBC8F', darkslateblue : '#483D8B', darkslategray : '#2F4F4F', darkturquoise : '#00CED1', darkviolet : '#9400D3', deeppink : '#FF1493', deepskyblue : '#00BFFF', dimgray : '#696969', dodgerblue : '#1E90FF',
|
||||
firebrick : '#B22222', floralwhite : '#FFFAF0', forestgreen : '#228B22', fuchsia : '#FF00FF',
|
||||
gainsboro : '#DCDCDC', ghostwhite : '#F8F8FF', gold : '#FFD700', goldenrod : '#DAA520', gray : '#808080', green : '#008000', greenyellow : '#ADFF2F',
|
||||
honeydew : '#F0FFF0', hotpink : '#FF69B4',
|
||||
indianred : '#CD5C5C', indigo : '#4B0082', ivory : '#FFFFF0',
|
||||
khaki : '#F0E68C',
|
||||
lavender : '#E6E6FA', lavenderblush : '#FFF0F5', lawngreen : '#7CFC00', lemonchiffon : '#FFFACD', lightblue : '#ADD8E6', lightcoral : '#F08080', lightcyan : '#E0FFFF', lightgoldenrodyellow : '#FAFAD2', lightgreen : '#90EE90', lightgrey : '#D3D3D3', lightpink : '#FFB6C1', lightsalmon : '#FFA07A', lightseagreen : '#20B2AA', lightskyblue : '#87CEFA', lightslategray : '#778899', lightsteelblue : '#B0C4DE', lightyellow : '#FFFFE0', lime : '#00FF00', limegreen : '#32CD32', linen : '#FAF0E6',
|
||||
magenta : '#FF00FF', maroon : '#800000', mediumaquamarine : '#66CDAA', mediumblue : '#0000CD', mediumorchid : '#BA55D3', mediumpurple : '#9370DB', mediumseagreen : '#3CB371', mediumslateblue : '#7B68EE', mediumspringgreen : '#00FA9A', mediumturquoise : '#48D1CC', mediumvioletred : '#C71585', midnightblue : '#191970', mintcream : '#F5FFFA', mistyrose : '#FFE4E1', moccasin : '#FFE4B5',
|
||||
navajowhite : '#FFDEAD', navy : '#000080',
|
||||
oldlace : '#FDF5E6', olive : '#808000', olivedrab : '#6B8E23', orange : '#FFA500', orangered : '#FF4500', orchid : '#DA70D6',
|
||||
palegoldenrod : '#EEE8AA', palegreen : '#98FB98', paleturquoise : '#AFEEEE', palevioletred : '#DB7093', papayawhip : '#FFEFD5', peachpuff : '#FFDAB9', peru : '#CD853F', pink : '#FFC0CB', plum : '#DDA0DD', powderblue : '#B0E0E6', purple : '#800080',
|
||||
red : '#FF0000', rosybrown : '#BC8F8F', royalblue : '#4169E1',
|
||||
saddlebrown : '#8B4513', salmon : '#FA8072', sandybrown : '#F4A460', seagreen : '#2E8B57', seashell : '#FFF5EE', sienna : '#A0522D', silver : '#C0C0C0', skyblue : '#87CEEB', slateblue : '#6A5ACD', slategray : '#708090', snow : '#FFFAFA', springgreen : '#00FF7F', steelblue : '#4682B4',
|
||||
tan : '#D2B48C', teal : '#008080', thistle : '#D8BFD8', tomato : '#FF6347', turquoise : '#40E0D0',
|
||||
violet : '#EE82EE',
|
||||
wheat : '#F5DEB3', white : '#FFFFFF', whitesmoke : '#F5F5F5',
|
||||
yellow : '#FFFF00', yellowgreen : '#9ACD32'
|
||||
};
|
||||
var color, sample, submit, cssProperty, selected;
|
||||
function checkColor(exec) {
|
||||
var hc = getColor();
|
||||
if (hc) {
|
||||
var cell = document.getElementById(hc);
|
||||
if (selected)
|
||||
selected.className = null;
|
||||
if (cell)
|
||||
cell.className = 'selected';
|
||||
selected = cell;
|
||||
updateSample();
|
||||
submit.disabled = false;
|
||||
if (exec) {
|
||||
hexcolor.value = hc;
|
||||
submitForm();
|
||||
}
|
||||
}
|
||||
else
|
||||
submit.disabled = true;
|
||||
return false;
|
||||
}
|
||||
function selectColor(e) {
|
||||
if (!e) e = window.event;
|
||||
var target = e.target ? e.target : e.srcElement;
|
||||
|
||||
if (selected)
|
||||
selected.className = null;
|
||||
target.className = 'selected';
|
||||
selected = target;
|
||||
hexcolor.value = target.id;
|
||||
updateSample();
|
||||
}
|
||||
function getColor() {
|
||||
if (hexcolor.value.match(/^#[0-9a-f]{6}$/i))
|
||||
return hexcolor.value.toUpperCase();
|
||||
else if (hexcolor.value.match(/^#[0-9a-f]{3}$/i)) {
|
||||
var hc = hexcolor.value.toUpperCase();
|
||||
return '#' + hc.substring(1, 2) + hc.substring(1, 2) + hc.substring(2, 3) + hc.substring(2, 3) + hc.substring(3, 4) + hc.substring(3, 4);
|
||||
}
|
||||
else if (colormap[hexcolor.value.toLowerCase()])
|
||||
return colormap[hexcolor.value.toLowerCase()];
|
||||
}
|
||||
function updateSample() {
|
||||
var hc = getColor();
|
||||
if (hc)
|
||||
sample.style[cssProperty] = hc;
|
||||
}
|
||||
function init() {
|
||||
hexcolor = document.getElementById('hexcolor');
|
||||
sample = document.getElementById('sample');
|
||||
submit = document.getElementById('submit');
|
||||
|
||||
var palette = document.getElementById('palette');
|
||||
for (var i = 0; i < colors.length; i++) {
|
||||
var cell = document.createElement('div');
|
||||
palette.appendChild(cell);
|
||||
cell.id = '#' + colors[i];
|
||||
cell.style.backgroundColor = '#' + colors[i];
|
||||
registerEvent(cell, 'click', selectColor);
|
||||
if (i % 13 == 0)
|
||||
cell.style.clear = 'left';
|
||||
}
|
||||
|
||||
if (opener.dialogWindow.values._foreground)
|
||||
sample.style.color = opener.dialogWindow.values._foreground;
|
||||
if (opener.dialogWindow.values._background)
|
||||
sample.style.backgroundColor = opener.dialogWindow.values._background;
|
||||
if (opener.dialogWindow.values._highlight)
|
||||
document.getElementById('sample-span').style.backgroundColor = opener.dialogWindow.values._highlight;
|
||||
|
||||
if (opener.dialogWindow.values._type == 'background') {
|
||||
document.title = 'Background Color';
|
||||
cssProperty = 'backgroundColor';
|
||||
}
|
||||
else if (opener.dialogWindow.values._type == 'highlight') {
|
||||
document.title = 'Highlight Color';
|
||||
cssProperty = 'backgroundColor';
|
||||
sample = document.getElementById('sample-span');
|
||||
}
|
||||
else {
|
||||
document.title = 'Text Color';
|
||||
cssProperty = 'color';
|
||||
}
|
||||
|
||||
initForm();
|
||||
setInterval(function () { checkColor() }, 250);
|
||||
hexcolor.focus();
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body id="editor_color" onload="init()">
|
||||
<form action="#" onsubmit="return checkColor(true)">
|
||||
<div id="palette"></div>
|
||||
<div id="samplewrapper">
|
||||
<div id="sample"><span id="sample-span">Sample</span></div>
|
||||
<input type="text" id="hexcolor" maxlength="20" class="text" title="Enter a custom color (e.g. '#FF0000' or 'red') here">
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<input type="submit" id="submit" value="OK" class="submit">
|
||||
<input type="button" value="Cancel" class="button" onclick="opener.focus(); window.close();">
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,193 @@
|
||||
/*
|
||||
* =================================================================
|
||||
* HTML Editor - A WYSIWYG web based editor for IE5.5+ and Mozilla v1.4+
|
||||
*
|
||||
* Website : http://gossamer-threads.com/
|
||||
* Support : http://gossamer-threads.com/scripts/support/
|
||||
* Revision : $Id: editor_dialog.css,v 1.2 2006/07/16 19:13:52 jagerman Exp $
|
||||
*
|
||||
* Copyright (c) 2005 Gossamer Threads Inc. All Rights Reserved.
|
||||
* Redistribution in part or in whole strictly prohibited. Please
|
||||
* see LICENSE file for full details.
|
||||
* =================================================================
|
||||
*/
|
||||
|
||||
body, input, select {
|
||||
font-family: "Microsoft Sans Serif", Tahoma, Arial, sans-serif;
|
||||
font-size: 11px;
|
||||
}
|
||||
body {
|
||||
margin: 10px;
|
||||
background-color: #dcdad5;
|
||||
}
|
||||
form {
|
||||
margin: 0px;
|
||||
}
|
||||
fieldset {
|
||||
padding: 0px;
|
||||
}
|
||||
.fieldset {
|
||||
padding: 5px 10px 0px 10px;
|
||||
}
|
||||
.buttons {
|
||||
text-align: right;
|
||||
}
|
||||
.buttons input.submit, .buttons input.button {
|
||||
margin: 2px 0px;
|
||||
width: 75px;
|
||||
height: 24px;
|
||||
}
|
||||
input.text {
|
||||
/* ie6 fix to correct the size of the text input */
|
||||
padding: 1px 0px;
|
||||
}
|
||||
|
||||
#editor_font #form {
|
||||
width: 335px;
|
||||
float: left;
|
||||
}
|
||||
#editor_font #fontwrapper {
|
||||
margin-right: 10px;
|
||||
width: 150px;
|
||||
float: left;
|
||||
/* ie6 fix to prevent the input/select from expanding the box (some mystery
|
||||
padding on the right side) */
|
||||
overflow: hidden;
|
||||
}
|
||||
#editor_font #stylewrapper {
|
||||
margin-right: 10px;
|
||||
width: 110px;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
#editor_font #sizewrapper {
|
||||
width: 55px;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
#editor_font #font-sel, #editor_font #style-sel, #editor_font #size-sel, #editor_font #font, #editor_font #style, #editor_font #size {
|
||||
width: 100%;
|
||||
}
|
||||
#editor_font #font-sel {
|
||||
widt\h: 146px;
|
||||
}
|
||||
#editor_font #style-sel {
|
||||
widt\h: 106px;
|
||||
}
|
||||
#editor_font #size-sel {
|
||||
widt\h: 51px;
|
||||
}
|
||||
#editor_font #effectswrapper {
|
||||
margin: 15px 10px 0px 0px;
|
||||
width: 150px;
|
||||
widt\h: 146px;
|
||||
height: 82px;
|
||||
heigh\t: 78px;
|
||||
float: left;
|
||||
}
|
||||
#editor_font #samplewrapper {
|
||||
margin: 15px 0px 0px 0px;
|
||||
width: 175px;
|
||||
widt\h: 171px;
|
||||
height: 82px;
|
||||
heigh\t: 78px;
|
||||
float: left;
|
||||
}
|
||||
#editor_font #samplewrapper .fieldset {
|
||||
/* ie5.5 needs this to center the sample */
|
||||
text-align: center;
|
||||
}
|
||||
#editor_font #sample {
|
||||
margin: 0px auto;
|
||||
border: 1px inset;
|
||||
width: 147px;
|
||||
widt\h: 145px;
|
||||
height: 52px;
|
||||
heigh\t: 50px;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
}
|
||||
#editor_font .buttons {
|
||||
padding-top: 1em;
|
||||
}
|
||||
|
||||
#editor_link #urlwrapper {
|
||||
width: 274px;
|
||||
widt\h: 270px;
|
||||
height: 78px;
|
||||
heigh\t: 74px;
|
||||
float: left;
|
||||
}
|
||||
#editor_link #url {
|
||||
width: 200px;
|
||||
}
|
||||
#editor_link label.name {
|
||||
margin-top: 2px;
|
||||
width: 40px;
|
||||
float: left;
|
||||
}
|
||||
#editor_link .row {
|
||||
padding: 3px 0px;
|
||||
}
|
||||
|
||||
#editor_image #form {
|
||||
width: 320px;
|
||||
float: left;
|
||||
}
|
||||
#editor_image .row {
|
||||
padding: 3px 0px;
|
||||
}
|
||||
#editor_image label.name {
|
||||
margin-top: 2px;
|
||||
width: 95px;
|
||||
float: left;
|
||||
}
|
||||
#editor_image input.text#src-url-input {
|
||||
width: 215px;
|
||||
}
|
||||
#editor_image label, #editor_image input.radio {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#editor_color #palette div {
|
||||
margin: 0px 1px 1px 0px;
|
||||
border: 1px solid gray;
|
||||
width: 25px;
|
||||
widt\h: 23px;
|
||||
height: 20px;
|
||||
heigh\t: 18px;
|
||||
font-size: 1px;
|
||||
float: left;
|
||||
}
|
||||
#editor_color #palette div:hover, #editor_color #palette .selected {
|
||||
border: 2px dotted white;
|
||||
widt\h: 21px;
|
||||
heigh\t: 16px;
|
||||
}
|
||||
#editor_color #samplewrapper {
|
||||
margin-top: 10px;
|
||||
float: left;
|
||||
}
|
||||
#editor_color #sample {
|
||||
margin-right: 5px;
|
||||
padding-top: 4px;
|
||||
border: 1px solid #000000;
|
||||
width: 80px;
|
||||
widt\h: 78px;
|
||||
height: 24px;
|
||||
heigh\t: 18px;
|
||||
float: left;
|
||||
font-size: 11px;
|
||||
text-align: center;
|
||||
}
|
||||
#editor_color #samplewrapper input {
|
||||
width: 80px;
|
||||
}
|
||||
#editor_color .buttons {
|
||||
margin-top: 8px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
label, input {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
@ -0,0 +1,7 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>HTML Editor</title>
|
||||
<link type="text/css" rel="stylesheet" media="screen" href="editor.css">
|
||||
</head>
|
||||
<body id="editable_content"></body>
|
||||
</html>
|
||||
251
site/forum.slowtwitch.com/www/static/editor.old/editor_font.html
Normal file
251
site/forum.slowtwitch.com/www/static/editor.old/editor_font.html
Normal file
@ -0,0 +1,251 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Font</title>
|
||||
<link type="text/css" rel="stylesheet" media="screen" href="editor_dialog.css">
|
||||
<script type="text/javascript" src="../utils.js"></script>
|
||||
<script type="text/javascript" src="editor_dialog.js"></script>
|
||||
<script type="text/javascript">
|
||||
var font, fontSel, style, styleSel, size, sizeSel, underline, color, sample, sampleText, submit;
|
||||
var dialogWindow = {};
|
||||
function colorDialog() {
|
||||
if (color.value != '')
|
||||
return;
|
||||
|
||||
if (dialogWindow.win && !dialogWindow.win.closed)
|
||||
dialogWindow.win.close();
|
||||
dialogWindow.url = 'editor_color.html';
|
||||
dialogWindow.width = 358;
|
||||
dialogWindow.height = 200;
|
||||
dialogWindow.name = Math.random().toString().replace(/\./, "");
|
||||
|
||||
dialogWindow.left = (screen.width - dialogWindow.width) / 2;
|
||||
dialogWindow.top = (screen.height - dialogWindow.height) / 2;
|
||||
dialogWindow.attribs = 'left=' + dialogWindow.left + ',top=' + dialogWindow.top +
|
||||
'location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,width=' + dialogWindow.width +
|
||||
',height=' + dialogWindow.height;
|
||||
|
||||
dialogWindow.values = opener.dialogWindow.values;
|
||||
dialogWindow.returnCall = 'opener.setColor(hexcolor.value)';
|
||||
dialogWindow.win = window.open(dialogWindow.url, dialogWindow.name, dialogWindow.attribs);
|
||||
dialogWindow.win.focus();
|
||||
}
|
||||
function setColor(clr) {
|
||||
if (!clr)
|
||||
return;
|
||||
|
||||
var match = 0;
|
||||
for (var i = 0; i < color.childNodes.length; i++)
|
||||
if (color.childNodes[i].value == clr)
|
||||
match++;
|
||||
if (match)
|
||||
color.value = clr;
|
||||
else {
|
||||
if (color.options[color.options.length - 1].value == '') {
|
||||
var newColor = document.createElement('option');
|
||||
color.appendChild(newColor);
|
||||
newColor.value = clr;
|
||||
newColor.innerHTML = clr;
|
||||
newColor.selected = true;
|
||||
}
|
||||
else {
|
||||
color.selectedIndex = color.options.length - 1;
|
||||
color.options[color.selectedIndex].value = clr;
|
||||
color.options[color.selectedIndex].innerHTML = clr;
|
||||
}
|
||||
}
|
||||
updateSample();
|
||||
}
|
||||
function checkFont(exec) {
|
||||
if (font.value && font.value.match(/\w+/) &&
|
||||
style.value && style.value.match(/\w+/) &&
|
||||
size.value && size.value.match(/^\d+$/)) {
|
||||
submit.disabled = false;
|
||||
if (exec)
|
||||
submitForm();
|
||||
}
|
||||
else
|
||||
submit.disabled = true;
|
||||
return false;
|
||||
}
|
||||
function updateSample() {
|
||||
if (font.selectedIndex >= 0) {
|
||||
fontSel.value = font.options[font.selectedIndex].value;
|
||||
sampleText.style.fontFamily = fontSel.value;
|
||||
}
|
||||
if (style.selectedIndex >= 0) {
|
||||
switch (style.options[style.selectedIndex].value) {
|
||||
case 'r':
|
||||
styleSel.value = 'Regular';
|
||||
sampleText.style.fontStyle = 'normal';
|
||||
sampleText.style.fontWeight = 'normal';
|
||||
break;
|
||||
case 'b':
|
||||
styleSel.value = 'Bold';
|
||||
sampleText.style.fontStyle = 'normal';
|
||||
sampleText.style.fontWeight = 'bold';
|
||||
break;
|
||||
case 'i':
|
||||
styleSel.value = 'Italic';
|
||||
sampleText.style.fontStyle = 'italic';
|
||||
sampleText.style.fontWeight = 'normal';
|
||||
break;
|
||||
case 'bi':
|
||||
styleSel.value = 'Bold Italic';
|
||||
sampleText.style.fontStyle = 'italic';
|
||||
sampleText.style.fontWeight = 'bold';
|
||||
}
|
||||
}
|
||||
|
||||
if (size.selectedIndex >= 0) {
|
||||
sizeSel.value = size.options[size.selectedIndex].innerHTML;
|
||||
// A DTD is specified on this page, so IE treats the font sizes differently
|
||||
// (hence the difference between this code and the code in editor.js).
|
||||
var fontsize = {
|
||||
0 : 'xx-small', // not used
|
||||
1 : 'x-small',
|
||||
2 : 'small',
|
||||
3 : 'medium',
|
||||
4 : 'large',
|
||||
5 : 'x-large',
|
||||
6 : 'xx-large',
|
||||
7 : '48px'
|
||||
};
|
||||
sampleText.style.fontSize = fontsize[parseInt(size.options[size.selectedIndex].value)];
|
||||
}
|
||||
|
||||
if (color.selectedIndex >= 0)
|
||||
sampleText.style.color = color.options[color.selectedIndex].value;
|
||||
|
||||
sampleText.style.textDecoration = underline.checked ? 'underline' : 'none';
|
||||
|
||||
var padding = parseInt((sample.offsetHeight - 2 - sampleText.offsetHeight) / 2);
|
||||
if (padding < 0)
|
||||
padding = 0;
|
||||
if (!(isIE && ieVersion < 6))
|
||||
sample.style.height = sample.offsetHeight - padding - 2 + 'px';
|
||||
sample.style.paddingTop = padding + 'px';
|
||||
}
|
||||
function init() {
|
||||
font = document.getElementById('font');
|
||||
fontSel = document.getElementById('font-sel');
|
||||
style = document.getElementById('style');
|
||||
styleSel = document.getElementById('style-sel');
|
||||
size = document.getElementById('size');
|
||||
sizeSel = document.getElementById('size-sel');
|
||||
underline = document.getElementById('underline');
|
||||
color = document.getElementById('hexcolor');
|
||||
sample = document.getElementById('sample');
|
||||
sampleText = document.getElementById('sample-span');
|
||||
submit = document.getElementById('submit');
|
||||
sample.style.backgroundColor = opener.dialogWindow.values._background;
|
||||
sampleText.style.backgroundColor = opener.dialogWindow.values._highlight;
|
||||
initForm();
|
||||
setColor(opener.dialogWindow.values.hexcolor);
|
||||
updateSample();
|
||||
|
||||
registerEvent(font, 'change', updateSample);
|
||||
registerEvent(style, 'change', updateSample);
|
||||
registerEvent(size, 'change', updateSample);
|
||||
if (isIE)
|
||||
registerEvent(underline, 'propertychange', updateSample);
|
||||
else
|
||||
registerEvent(underline, 'change', updateSample);
|
||||
registerEvent(color, 'change', function () { updateSample(); colorDialog() });
|
||||
setInterval(function () { checkFont() }, 250);
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body id="editor_font" onload="init()">
|
||||
<form action="#" onsubmit="return checkFont(true)">
|
||||
<div id="form">
|
||||
<div id="fontwrapper">
|
||||
<label for="font" accesskey="f"><u>F</u>ont:</label><br>
|
||||
<input type="text" id="font-sel" class="text" readonly><br>
|
||||
<select id="font" size="7">
|
||||
<option value="Arial">Arial</option>
|
||||
<option value="Arial Black">Arial Black</option>
|
||||
<option value="Arial Narrow">Arial Narrow</option>
|
||||
<option value="Century Gothic">Century Gothic</option>
|
||||
<option value="Comic Sans MS">Comic Sans MS</option>
|
||||
<option value="Courier">Courier</option>
|
||||
<option value="Courier New">Courier New</option>
|
||||
<option value="Fixedsys">Fixedsys</option>
|
||||
<option value="Garamond">Garamond</option>
|
||||
<option value="Georgia">Georgia</option>
|
||||
<option value="Lucida Console">Lucida Console</option>
|
||||
<option value="MS Sans Serif">MS Sans Serif</option>
|
||||
<option value="MS Serif">MS Serif</option>
|
||||
<option value="System">System</option>
|
||||
<option value="Tahoma">Tahoma</option>
|
||||
<option value="Times New Roman">Times New Roman</option>
|
||||
<option value="Verdana">Verdana</option>
|
||||
<option value="Webdings">Webdings</option>
|
||||
<option value="Wingdings">Wingdings</option>
|
||||
</select>
|
||||
</div>
|
||||
<div id="stylewrapper">
|
||||
<label for="style" accesskey="y">Font st<u>y</u>le:</label><br>
|
||||
<input type="text" id="style-sel" class="text" readonly><br>
|
||||
<select id="style" size="7">
|
||||
<option value="r">Regular</option>
|
||||
<option value="b">Bold</option>
|
||||
<option value="i">Italic</option>
|
||||
<option value="bi">Bold Italic</option>
|
||||
</select>
|
||||
</div>
|
||||
<div id="sizewrapper">
|
||||
<label for="size" accesskey="s"><u>S</u>ize:</label><br>
|
||||
<input type="text" id="size-sel" class="text" readonly><br>
|
||||
<select id="size" size="7">
|
||||
<option value="1">8</option>
|
||||
<option value="2">10</option>
|
||||
<option value="3">12</option>
|
||||
<option value="4">14</option>
|
||||
<option value="5">18</option>
|
||||
<option value="6">24</option>
|
||||
<option value="7">36</option>
|
||||
</select>
|
||||
</div>
|
||||
<fieldset id="effectswrapper">
|
||||
<legend>Effects</legend>
|
||||
<div class="fieldset">
|
||||
<input type="checkbox" id="underline" class="checkbox"><label for="underline" accesskey="u"><u>U</u>nderline</label><br>
|
||||
<label for="hexcolor" accesskey="c"><u>C</u>olor:</label><br>
|
||||
<select id="hexcolor">
|
||||
<option value="#000000">Black</option>
|
||||
<option value="#808080">Gray</option>
|
||||
<option value="#C0C0C0">Silver</option>
|
||||
<option value="#FFFFFF">White</option>
|
||||
<option value="#00FF00">Lime</option>
|
||||
<option value="#008000">Green</option>
|
||||
<option value="#FFFF00">Yellow</option>
|
||||
<option value="#808000">Olive</option>
|
||||
<option value="#FF0000">Red</option>
|
||||
<option value="#800000">Maroon</option>
|
||||
<option value="#FF00FF">Fuchsia</option>
|
||||
<option value="#800080">Purple</option>
|
||||
<option value="#00FFFF">Aqua</option>
|
||||
<option value="#008080">Teal</option>
|
||||
<option value="#000080">Navy</option>
|
||||
<option value="#0000FF">Blue</option>
|
||||
<option value="">Custom Color</option>
|
||||
</select>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset id="samplewrapper">
|
||||
<legend>Sample</legend>
|
||||
<div class="fieldset">
|
||||
<div id="sample">
|
||||
<span id="sample-span">AaBbYyZz</span>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<input type="submit" value="OK" id="submit" class="submit">
|
||||
<input type="button" value="Cancel" class="button" onclick="opener.focus(); window.close()">
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,26 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>HTML Editor</title>
|
||||
<link type="text/css" rel="stylesheet" media="screen" href="editor.css">
|
||||
</head>
|
||||
<body id="editor">
|
||||
<noscript>
|
||||
<p>
|
||||
You currently have the Advanced Editor set as your default post editor.
|
||||
JavaScript must be enabled to use the Advanced Editor, but it seems your web
|
||||
browser does not support JavaScript or has disabled it.
|
||||
</p>
|
||||
<p>
|
||||
You can do one of the following:
|
||||
</p>
|
||||
<ul>
|
||||
<li>Turn on JavaScript</li>
|
||||
<li>Switch to the Basic editor by clicking on the <strong>Switch to Basic Editor</strong> button above</li>
|
||||
<li>Change your settings to default to the Basic editor by clicking on the <strong>Edit Profile</strong> menu, then <strong>Display Settings</strong> and select <strong>Basic</strong> for the <strong>Post editor</strong> option</li>
|
||||
</ul>
|
||||
</noscript>
|
||||
<div id="toolbar_area"></div>
|
||||
<iframe id="editable_iframe" src="editor_editable.html" frameborder="0"></iframe>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Create Link</title>
|
||||
<link type="text/css" rel="stylesheet" media="screen" href="editor_dialog.css">
|
||||
<script type="text/javascript" src="editor_dialog.js"></script>
|
||||
<script type="text/javascript">
|
||||
var protocol, url, submit;
|
||||
function updateURL() {
|
||||
url.value = protocol.value + (url.value ? url.value.replace(/^\w+:(\/\/)?/, '') : '');
|
||||
}
|
||||
function checkURL(exec) {
|
||||
if (url.value && url.value.match(/^\w+:(\/\/)?\w+/)) {
|
||||
submit.disabled = false;
|
||||
if (exec)
|
||||
submitForm();
|
||||
}
|
||||
else
|
||||
submit.disabled = true;
|
||||
return false;
|
||||
}
|
||||
function init() {
|
||||
protocol = document.getElementById('protocol');
|
||||
url = document.getElementById('url');
|
||||
submit = document.getElementById('submit');
|
||||
initForm();
|
||||
setInterval(function () { checkURL() }, 250);
|
||||
url.focus();
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body id="editor_link" onload="init()">
|
||||
<form action="#" onsubmit="return checkURL(true)">
|
||||
<fieldset id="urlwrapper">
|
||||
<legend>Hyperlink Information</legend>
|
||||
<div class="fieldset">
|
||||
<div class="row">
|
||||
<label for="protocol" class="name" accesskey="t"><u>T</u>ype:</label>
|
||||
<select id="protocol" onchange="updateURL()">
|
||||
<option value="">Other</option>
|
||||
<option value="ftp://">ftp://</option>
|
||||
<option value="http://" selected>http://</option>
|
||||
<option value="https://">https://</option>
|
||||
<option value="mailto:">mailto:</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="row">
|
||||
<label for="url" class="name" accesskey="u"><u>U</u>RL:</label>
|
||||
<input type="text" id="url" value="http://" class="text">
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<div class="buttons">
|
||||
<input type="submit" id="submit" value="OK" class="submit">
|
||||
<input type="button" value="Cancel" class="button" onclick="opener.focus(); window.close()">
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user