RubyGems - neditor_rails - Versions diffs - 0.1.0 - Mend

neditor_rails 0.1.0

Files changed (902) hide show

data/vendor/assets/javascripts/neditor/dialogs/preview/preview.html ADDED

@@ -0,0 +1,40 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+    "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+        <style>
+            html,body{
+                height:100%;
+                width:100%;
+                padding:0;
+                margin:0;
+            }
+            #preview{
+                width:100%;
+                height:100%;
+                padding:0;
+                margin:0;
+            }
+            #preview *{font-family:sans-serif;font-size:16px;}
+        </style>
+        <script type="text/javascript" src="../internal.js"></script>
+        <script src="../../neditor.parse.js"></script>
+        <title></title>
+    </head>
+    <body class="view">
+        <div id="preview" style="margin:8px">
+        </div>
+    </body>
+    <script>
+        document.getElementById('preview').innerHTML = editor.getContent();
+        uParse('#preview',{
+            rootPath : '../../',
+            chartContainerHeight:500
+        })
+        dialog.oncancel = function(){
+            document.getElementById('preview').innerHTML = '';
+        }
+    </script>
+</html>

data/vendor/assets/javascripts/neditor/dialogs/scrawl/images/addimg.png ADDED

Binary file

data/vendor/assets/javascripts/neditor/dialogs/scrawl/images/brush.png ADDED

Binary file

data/vendor/assets/javascripts/neditor/dialogs/scrawl/images/delimg.png ADDED

Binary file

data/vendor/assets/javascripts/neditor/dialogs/scrawl/images/delimgH.png ADDED

Binary file

data/vendor/assets/javascripts/neditor/dialogs/scrawl/images/empty.png ADDED

Binary file

data/vendor/assets/javascripts/neditor/dialogs/scrawl/images/emptyH.png ADDED

Binary file

data/vendor/assets/javascripts/neditor/dialogs/scrawl/images/eraser.png ADDED

Binary file

data/vendor/assets/javascripts/neditor/dialogs/scrawl/images/redo.png ADDED

Binary file

data/vendor/assets/javascripts/neditor/dialogs/scrawl/images/redoH.png ADDED

Binary file

data/vendor/assets/javascripts/neditor/dialogs/scrawl/images/scale.png ADDED

Binary file

data/vendor/assets/javascripts/neditor/dialogs/scrawl/images/scaleH.png ADDED

Binary file

data/vendor/assets/javascripts/neditor/dialogs/scrawl/images/size.png ADDED

Binary file

data/vendor/assets/javascripts/neditor/dialogs/scrawl/images/undo.png ADDED

Binary file

data/vendor/assets/javascripts/neditor/dialogs/scrawl/images/undoH.png ADDED

Binary file

data/vendor/assets/javascripts/neditor/dialogs/scrawl/scrawl.css ADDED

@@ -0,0 +1,372 @@
+/*common
+*/
+body {
+    margin: 0;
+}
+table {
+    width: 100%;
+}
+table td {
+    padding: 2px 4px;
+    vertical-align: middle;
+}
+a {
+    text-decoration: none;
+}
+em {
+    font-style: normal;
+}
+.border_style1 {
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    box-shadow: 2px 2px 5px #d3d6da;
+}
+/*module
+*/
+.main {
+    margin: 20px 20px 0;
+    overflow: hidden;
+}
+.hot {
+    float: left;
+}
+.drawBoard {
+    position: relative;
+    cursor: crosshair;
+}
+.brushBorad {
+    position: absolute;
+    left: 0;
+    top: 0;
+    z-index: 998;
+}
+.picBoard {
+    border: none;
+    text-align: center;
+    line-height: 300px;
+    cursor: default;
+}
+.operateBar {
+    margin-top: 10px;
+    font-size: 12px;
+    text-align: center;
+}
+.operateBar span {
+    margin-left: 10px;
+    margin-right: 18px;
+}
+.drawToolbar {
+    float: right;
+    width: 175px;
+    height: 372px;
+    overflow: hidden;
+}
+.colorBar {
+    margin-top: 10px;
+    margin-left: 10px;
+    font-size: 12px;
+    text-align: center;
+}
+#J_removeImg {
+    display: block;
+    margin-top: 18px;
+}
+#J_addImg {
+    display: block;
+    margin-top: 16px;
+}
+.colorBar #J_colorList tr {
+    height: 32px;
+}
+.colorBar a {
+    display: block;
+    width: 16px;
+    height: 16px;
+    border: 1px solid #1006F1;
+    border-radius: 8px;
+    box-shadow: 2px 2px 5px #d3d6da;
+    opacity: 0.6
+}
+.sectionBar {
+    margin-top: 20px;
+    font-size: 12px;
+    text-align: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+/*.sectionBar a{display:inline-block;width:10px;height:12px;color: #888;text-indent: -999px;opacity: 0.3}*/
+/*.size1{background: url('images/size.png') 1px center no-repeat ;}*/
+/*.size2{background: url('images/size.png') -10px center no-repeat;}*/
+/*.size3{background: url('images/size.png') -22px center no-repeat;}*/
+/*.size4{background: url('images/size.png') -35px center no-repeat;}*/
+.size1 {
+    width: 4px;
+    height: 4px;
+    border-radius: 2px;
+    text-indent: -999px;
+    opacity: 0.3;
+    display: block;
+    background-color: #3498db;
+    margin-right: 17px;
+    margin-left: 15px;
+}
+.size2 {
+    width: 8px;
+    height: 8px;
+    border-radius: 4px;
+    text-indent: -999px;
+    opacity: 0.3;
+    display: block;
+    margin-right: 17px;
+    background-color: #3498db;
+}
+.size3 {
+    width: 12px;
+    height: 12px;
+    border-radius: 6px;
+    text-indent: -999px;
+    opacity: 0.3;
+    display: block;
+    background-color: #3498db;
+    margin-right: 17px;
+}
+.size4 {
+    width: 16px;
+    height: 16px;
+    border-radius: 8px;
+    text-indent: -999px;
+    opacity: 0.3;
+    display: block;
+    background-color: #3498db;
+}
+.addImgH {
+    position: relative;
+}
+.addImgH_form {
+    position: absolute;
+    left: 18px;
+    top: -1px;
+    width: 75px;
+    height: 21px;
+    opacity: 0;
+    cursor: pointer;
+}
+.addImgH_form input {
+    width: 100%;
+}
+/*scrawl遮罩层
+*/
+.maskLayerNull {
+    display: none;
+}
+.maskLayer {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0.7;
+    background-color: #fff;
+    text-align: center;
+    font-weight: bold;
+    line-height: 410px;
+    z-index: 1000;
+}
+.maskLayer input {
+    border-radius: 2px;
+    border: 1px solid #ccc;
+    padding: 4px 12px;
+}
+/*btn state
+*/
+.previousStepH .icon {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+}
+.previousStepH .text {
+    color: #888;
+    cursor: pointer;
+}
+.previousStep .icon {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+}
+.previousStep .text {
+    color: #ccc;
+    cursor: default;
+}
+.nextStepH .icon {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+}
+.nextStepH .text {
+    color: #888;
+    cursor: pointer;
+}
+.nextStep .icon {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+}
+.nextStep .text {
+    color: #ccc;
+    cursor: default;
+}
+.clearBoardH .icon {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    /*background-image: url('images/empty.png');*/
+    cursor: default;
+}
+.clearBoardH .text {
+    color: #888;
+    cursor: pointer;
+}
+.clearBoard .icon {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    /*background-image: url('images/empty.png');*/
+    cursor: default;
+}
+.clearBoard .text {
+    color: #ccc;
+    cursor: default;
+}
+.scaleBoardH .icon {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+}
+.scaleBoardH .text {
+    color: #888;
+    cursor: pointer;
+}
+.scaleBoard .icon {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+}
+.scaleBoard .text {
+    color: #ccc;
+    cursor: default;
+}
+.removeImgH .icon {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    background-image: url('images/delimgH.png');
+    cursor: pointer;
+}
+.removeImgH .text {
+    color: #888;
+    cursor: pointer;
+}
+.removeImg .icon {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    background-image: url('images/delimg.png');
+    cursor: default;
+}
+.removeImg .text {
+    color: #fff;
+    cursor: default;
+    padding: 7px 12px;
+    border-radius: 6px;
+    background-color: #f25f5f;
+}
+.addImgH .icon {
+    vertical-align: top;
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    background-image: url('images/addimg.png')
+}
+.addImgH .text {
+    color: #888;
+    cursor: pointer;
+    padding: 7px 12px;
+    border-radius: 6px;
+    background-color: #f3f3f3;
+}
+/*icon
+*/
+.brushIcon {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    font-size: 16px;
+    margin-top: -5px;
+}
+.eraserIcon {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    font-size: 18px !important;
+    margin-top: -16px;
+}
+.icon {
+    font-size: 18px;
+}

data/vendor/assets/javascripts/neditor/dialogs/scrawl/scrawl.html ADDED

@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title></title>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <meta name="robots" content="noindex, nofollow"/>
+    <script type="text/javascript" src="../internal.js"></script>
+    <link rel="stylesheet" type="text/css" href="scrawl.css">
+    <link rel="stylesheet" href="../fonts/buttoniconex.css">
+</head>
+<body>
+<div class="main" id="J_wrap">
+    <div class="hot">
+        <div class="drawBoard border_style1">
+            <canvas id="J_brushBoard" class="brushBorad" width="400" height="372"></canvas>
+            <div id="J_picBoard" class="picBoard" style="width: 400px;height: 372px"></div>
+        </div>
+        <div id="J_operateBar" class="operateBar">
+            <span id="J_previousStep" class="previousStep edui-for-previousstep edui-notadd">
+                <em class="icon edui-icon"></em>
+                <em class="text">
+                </em>
+            </span>
+            <span id="J_nextStep" class="nextStep edui-for-nextstep edui-notadd">
+                <em class="icon edui-icon "></em>
+                <em class="text">
+                </em>
+            </span>
+            <span id="J_clearBoard" class="clearBoard edui-for-clearboard edui-notadd">
+                <em class="icon edui-icon" ></em>
+                <em class="text">
+                </em>
+            </span>
+            <span id="J_sacleBoard" class="scaleBoard edui-for-scaleboard edui-notadd">
+                <em class="icon edui-icon"></em>
+                <em class="text">
+                </em>
+            </span>
+        </div>
+    </div>
+    <div class="drawToolbar border_style1">
+        <div id="J_colorBar" class="colorBar"></div>
+        <div id="J_brushBar" class="sectionBar edui-for-brush edui-notadd">
+            <em class="brushIcon edui-icon"></em>
+            <a href="javascript:void(0)" class="size1">1</a>
+            <a href="javascript:void(0)" class="size2">3</a>
+            <a href="javascript:void(0)" class="size3">5</a>
+            <a href="javascript:void(0)" class="size4">7</a>
+        </div>
+        <div id="J_eraserBar" class="sectionBar edui-for-removeformat edui-notadd">
+            <em class="eraserIcon edui-icon"></em>
+            <a href="javascript:void(0)" class="size1">1</a>
+            <a href="javascript:void(0)" class="size2">3</a>
+            <a href="javascript:void(0)" class="size3">5</a>
+            <a href="javascript:void(0)" class="size4">7</a>
+        </div>
+        <div class="sectionBar">
+            <div id="J_addImg" class="addImgH">
+                <!--<em class="icon"></em>-->
+                <em class="text"><var id="lang_input_addPic"></var></em>
+                <form method="post" id="fileForm" enctype="multipart/form-data" class="addImgH_form" target="up">
+                    <input type="file" name="upfile" id="J_imgTxt"
+                           accept="image/gif,image/jpeg,image/png,image/jpg,image/bmp"/>
+                </form>
+                <iframe name="up" style="display: none"></iframe>
+            </div>
+        </div>
+        <div class="sectionBar">
+            <span id="J_removeImg" class="removeImg">
+                <!--<em class="icon"></em>-->
+                <em class="text"><var id="lang_input_removePic"></var></em>
+            </span>
+        </div>
+    </div>
+</div>
+<div id="J_maskLayer" class="maskLayerNull"></div>
+<script type="text/javascript" src="scrawl.js"></script>
+<script type="text/javascript">
+    var settings = {
+        drawBrushSize:3, //画笔初始大小
+        drawBrushColor:"#4bacc6", //画笔初始颜色
+        colorList:['c00000', 'ff0000', 'ffc000', 'ffff00', '92d050', '00b050', '00b0f0', '0070c0', '002060', '7030a0', 'ffffff',
+            '000000', 'eeece1', '1f497d', '4f81bd', 'c0504d', '9bbb59', '8064a2', '4bacc6', 'f79646'], //画笔选择颜色
+        saveNum:10  //撤销次数
+    };
+    var scrawlObj = new scrawl( settings );
+    scrawlObj.isCancelScrawl = false;
+    dialog.onok = function () {
+        exec( scrawlObj );
+        return false;
+    };
+    dialog.oncancel = function () {
+        scrawlObj.isCancelScrawl = true;
+    };
+</script>
+</body>
+</html>