User:Mopsgamer/global.js

/*DivEditor by Mopsgamer*/ /*Version 1.3*/

$(function { Editor = { AddInside: "#Editor", ButtonTextOpenEditor: "Открыть", ButtonTextChangeEditor: "Сменить редактор", ButtonTextCloseEditor: "Закрыть", ButtonTextSetCSS: "Применить", ButtonTextCopy: "Копировать", TextAreaTitle: "Код", ViewAreaTitle: "Вид" }; Area = "EditorTextArea"; AreaTitle = Editor.TextAreaTitle; $(Editor.AddInside).html('').css("border", "1px solid #90afcc").css("transition", "0.5s").css("background", "#b4dbff") $(Editor.AddInside).append('  '); $('#EditorAreas').append(' '); $('#EditorAreas').append('   '); $('#EditorAreas').append(' '); $('#EditorRightArea').append(' Копировать '); $('#EditorRightArea').append(' Очистить Применить  '); $('#EditorHeader').append('Открыть Закрыть '); $('#ViewSettings').append('Текст: Ширина: </li>Высота: <input type="text" prop="height"></li>Отступ снаружи: <input type="text" prop="margin"></li>Отступ внутри: <input type="text" prop="padding"></li>Фон: <input type="text" prop="background"></li>РамкиШирина: <input type="text" prop="border-width"></li>Стиль: <select prop="border-style"> dashed dotted  double  groove  hidden  inherit  initial  inset  none  outset  revert  ridge <option val="solid" selected>solid  unset  </li>Цвет: <input type="text" prop="border-color"></li>Скругление: <input type="text" prop="border-radius"></li></ul></li>Тень: <input type="text" prop="box-shadow"></li>Тень текста: <input type="text" prop="box-shadow"></li>Прозрачность: <input type="text" prop="opacity"></li>Трансформация: <input type="text" prop="transform"></li>Переполнение:  auto  hidden  inherit  initial  overlay  revert  scroll  unset <option val="visible" selected>visible  </li>');

$('#ChangeEditorArea').text(Editor.ButtonTextOpenEditor); $('#CloseEditor').text(Editor.ButtonTextCloseEditor); $('#SetCSS').text(Editor.ButtonTextSetCSS); $('#Copy').text(Editor.ButtonTextCopy); $('#EditorAreaTitle').text(AreaTitle); $('#EditorAreaTitle').hide; $('#Close').hide; $('#Copy').hide; $('#Clear').show; $('#SetCSS').show; $('#EditorAreas').hide;

$('#EditorRightArea button').css("width", "auto"); $('#ViewSettings li').css("list-style-type", "none"); $('#ViewSettings input').css("width", "100px");

var $setcss = function(prop) { $('#EditorViewArea>div').css(prop, $('#ViewSettings input[prop=' + prop + ']').val); } $("#SetCSS").click(function{   $('#EditorViewArea>div').text($('#ViewSettings input[prop="text"]').val);    $setcss("width");    $setcss("height");    $setcss("margin");    $setcss("padding");    $setcss("background");    $setcss("border-width");    $setcss("border-style");    $setcss("border-color");    $setcss("border-radius");    $setcss("box-shadow");    $setcss("text-shadow");    $setcss("opacity");    $setcss("transform");    $setcss("overflow"); })

$('#Clear').click(function{ $('#EditorViewArea>div').attr("style", ""); $('[prop="width"]').val(""); $('[prop="height"]').val(""); $('[prop="margin"]').val(""); $('[prop="padding"]').val(""); $('[prop="background"]').val(""); $('[prop="border-width"]').val(""); $('[prop="border-color"]').val(""); $('[prop="border-radius"]').val(""); $('[prop="box-shadow"]').val(""); $('[prop="box-shadow"]').val(""); $('[prop="opacity"]').val(""); $('[prop="transform"]').val(""); }) $('#Copy').click(function{ $('#EditorTextArea').select; document.execCommand("copy"); document.getSelection.collapseToEnd; }) $('#Close').click(function{ $('#ChangeEditorArea').text(Editor.ButtonTextOpenEditor); $(Editor.AddInside).css("height", "unset"); $('#EditorAreas').hide; $('#EditorAreaTitle').hide; $('#Close').hide; $('#Copy').hide; $('#SetCSS').hide; $(Editor.AddInside).css("height", "unset").css("position", "relative").css("width", "unset"); }) Area = "EditorTextArea"; AreaTitle = Editor.ViewAreaTitle; $('#EditorViewArea').show; $('#EditorTextArea').hide; $('#ChangeEditorArea').click(function{ $(Editor.AddInside).css("height", "75%").css("position", "fixed").css("width", "90%").css("top", "15%").css("left", "10%"); $('#Close').show; $('#EditorAreas').show; $('#EditorAreaTitle').show;	if( $('#ChangeEditorArea').text == Editor.ButtonTextChangeEditor ){	switch (Area) {	case "EditorViewArea":	Area = "EditorTextArea";	AreaTitle = Editor.ViewAreaTitle;	$('#EditorTextArea').hide;	$('#EditorViewArea').show;	$('#EditorRightAreaView').show;	$('#EditorRightAreaText').hide; 	$('#EditorTextArea').text($('#EditorViewArea').val); 	$('#Copy').hide; 	$('#Clear').show; 	$('#SetCSS').show; 	break; 	case "EditorTextArea": 	Area = "EditorViewArea"; 	AreaTitle = Editor.TextAreaTitle; 	$('#EditorTextArea').show;	$('#EditorViewArea').hide;	$('#EditorRightAreaView').hide;	$('#EditorRightAreaText').show; 	$('#Copy').show; 	$('#Clear').hide; $('#SetCSS').hide; $('#EditorTextArea').text($('#EditorViewArea').html); }} $('#EditorAreaTitle').text(AreaTitle); $('#ChangeEditorArea').text(Editor.ButtonTextChangeEditor); }); });