ueditor_rails 0.0.2 → 0.0.4
Sign up to get free protection for your applications and to get access to all the features.
- data/README.markdown +2 -2
- data/app/assets/images/ueditor_rails/dialogs/scrawl/addimg.png +0 -0
- data/app/assets/images/ueditor_rails/dialogs/scrawl/brush.png +0 -0
- data/app/assets/images/ueditor_rails/dialogs/scrawl/delimg.png +0 -0
- data/app/assets/images/ueditor_rails/dialogs/scrawl/delimgH.png +0 -0
- data/app/assets/images/ueditor_rails/dialogs/scrawl/empty.png +0 -0
- data/app/assets/images/ueditor_rails/dialogs/scrawl/emptyH.png +0 -0
- data/app/assets/images/ueditor_rails/dialogs/scrawl/eraser.png +0 -0
- data/app/assets/images/ueditor_rails/dialogs/scrawl/redo.png +0 -0
- data/app/assets/images/ueditor_rails/dialogs/scrawl/redoH.png +0 -0
- data/app/assets/images/ueditor_rails/dialogs/scrawl/scale.png +0 -0
- data/app/assets/images/ueditor_rails/dialogs/scrawl/scaleH.png +0 -0
- data/app/assets/images/ueditor_rails/dialogs/scrawl/size.png +0 -0
- data/app/assets/images/ueditor_rails/dialogs/scrawl/undo.png +0 -0
- data/app/assets/images/ueditor_rails/dialogs/scrawl/undoH.png +0 -0
- data/app/assets/javascripts/ueditor_rails/_config.js.erb +28 -24
- data/app/assets/javascripts/ueditor_rails/dialogs/scrawl.js +655 -0
- data/app/assets/javascripts/ueditor_rails/dialogs/wordimage.js +154 -0
- data/app/assets/stylesheets/ueditor_rails/dialogs/scrawl.css.erb +72 -0
- data/app/controllers/ueditor_rails/dialogs_controller.rb +8 -0
- data/app/controllers/ueditor_rails/libs_controller.rb +14 -1
- data/app/helpers/ueditor_rails/application_helper.rb +23 -0
- data/app/views/ueditor_rails/dialogs/attachment.html.erb +3 -3
- data/app/views/ueditor_rails/dialogs/image.html.erb +2 -2
- data/app/views/ueditor_rails/dialogs/scrawl.html.erb +96 -0
- data/app/views/ueditor_rails/dialogs/wordimage.html.erb +155 -0
- data/config/routes.rb +2 -2
- data/lib/generators/ueditor_rails/templates/ueditor_config.js.erb +33 -21
- data/lib/ueditor_rails.rb +7 -0
- data/lib/ueditor_rails/util.rb +1 -1
- data/lib/ueditor_rails/version.rb +1 -1
- data/test/dummy/config/application.rb +2 -0
- data/test/dummy/log/development.log +594 -0
- data/test/dummy/tmp/cache/assets/C81/610/sprockets%2F74551592340adfb31d564a6f0780986a +0 -0
- data/test/dummy/tmp/cache/assets/C81/680/sprockets%2F05f48503b0539542bae58cd42890287d +0 -0
- data/test/dummy/tmp/cache/assets/C92/A50/sprockets%2Fb8ab434fa9743f8545988223229ef813 +0 -0
- data/test/dummy/tmp/cache/assets/CA9/8D0/sprockets%2F430c458f24b93f37143e610b7af710d8 +0 -0
- data/test/dummy/tmp/cache/assets/CDD/110/sprockets%2F201786630fb75920fef0b95a7ba8e404 +0 -0
- data/test/dummy/tmp/cache/assets/CF8/FC0/sprockets%2Fe181c7f625e3797eaa44e044c77e9688 +0 -0
- data/test/dummy/tmp/cache/assets/CFC/560/sprockets%2Fbc63d027b162a565426fdbb4611619ab +0 -0
- data/test/dummy/tmp/cache/assets/D05/3A0/sprockets%2F8362a0d2c101ef1148d5efcb53e34893 +0 -0
- data/test/dummy/tmp/cache/assets/D05/570/sprockets%2Fca8368b2f01a1645dfe894d41152f2c0 +0 -0
- data/test/dummy/tmp/cache/assets/D16/E70/sprockets%2Ffcc7289ae3530fcff4500f35990533f4 +0 -0
- data/test/dummy/tmp/cache/assets/D2D/F70/sprockets%2F1db6dd5b1f0887b130386d6bc20d13e2 +0 -0
- data/test/dummy/tmp/cache/assets/D31/7D0/sprockets%2Fe9f71394f8e86a70e9431c3d83fb86f9 +0 -0
- data/test/dummy/tmp/cache/assets/D39/B00/sprockets%2F84ac6151984303fcaec0d48651b6d7ca +0 -0
- data/test/dummy/tmp/cache/assets/D40/280/sprockets%2Fc564b6fa3f835a246df0355a83058fcd +0 -0
- data/test/dummy/tmp/cache/assets/D41/C00/sprockets%2F0f88cb64779d212943bbab3f5ac483d4 +0 -0
- data/test/dummy/tmp/cache/assets/D4A/CF0/sprockets%2F78a5eda44e97ab212ce37b889470c4d7 +0 -0
- data/test/dummy/tmp/cache/assets/D4D/060/sprockets%2Fdf8071fd9e383d72ba1f17b5d5e98516 +0 -0
- data/test/dummy/tmp/cache/assets/D4E/1B0/sprockets%2Ff7cbd26ba1d28d48de824f0e94586655 +0 -0
- data/test/dummy/tmp/cache/assets/D55/1F0/sprockets%2F978d1a29569eb1c8ca9883b64ffb91b3 +0 -0
- data/test/dummy/tmp/cache/assets/D70/B70/sprockets%2F6ebaed371aa715b95667e416378cba4d +0 -0
- data/test/dummy/tmp/cache/assets/D75/2B0/sprockets%2F7a4cbc3862aa0d6f1ec9e7518fa55838 +0 -0
- data/test/dummy/tmp/cache/assets/DCD/870/sprockets%2Fd5daf18cb49181ab0ba896acfd8c8334 +0 -0
- data/test/dummy/tmp/cache/assets/DD7/600/sprockets%2F0cec2cc545e1d3bd889d195f68dea4b7 +0 -0
- data/test/dummy/tmp/cache/assets/DDB/C20/sprockets%2F46613f4acf7d7cc09f5190f2d8bbdf9f +0 -0
- data/test/dummy/tmp/cache/assets/DDC/400/sprockets%2Fcffd775d018f68ce5dba1ee0d951a994 +0 -0
- data/test/dummy/tmp/cache/assets/DFE/FF0/sprockets%2F9d2bcad3ae0c53ee9a4685b5aac1887f +0 -0
- data/test/dummy/tmp/cache/assets/E04/890/sprockets%2F2f5173deea6c795b8fdde723bb4b63af +0 -0
- data/test/dummy/tmp/cache/assets/E34/9F0/sprockets%2F2dbdbaffe3f466f85cee37cee4331f34 +0 -0
- data/test/dummy/tmp/cache/assets/E3A/DA0/sprockets%2Ffd736ded1575dfbcf2d45ad5eb4e28d9 +0 -0
- data/vendor/assets/javascripts/ueditor/dialogs/anchor/anchor.html.erb +57 -0
- data/vendor/assets/javascripts/ueditor/dialogs/background/background.css +24 -0
- data/vendor/assets/javascripts/ueditor/dialogs/background/background.html.erb +55 -0
- data/vendor/assets/javascripts/ueditor/dialogs/background/background.js +348 -0
- data/vendor/assets/javascripts/ueditor/dialogs/emotion/emotion.css.erb +0 -1
- data/vendor/assets/javascripts/ueditor/dialogs/emotion/emotion.html.erb +41 -41
- data/vendor/assets/javascripts/ueditor/dialogs/gmap/gmap.html.erb +89 -0
- data/vendor/assets/javascripts/ueditor/dialogs/help/help.html.erb +72 -70
- data/vendor/assets/javascripts/ueditor/dialogs/highlightcode/highlightcode.html.erb +131 -0
- data/vendor/assets/javascripts/ueditor/dialogs/insertframe/insertframe.html.erb +98 -0
- data/vendor/assets/javascripts/ueditor/dialogs/link/link.html.erb +122 -107
- data/vendor/assets/javascripts/ueditor/dialogs/map/map.html.erb +105 -0
- data/vendor/assets/javascripts/ueditor/dialogs/music/music.css +30 -0
- data/vendor/assets/javascripts/ueditor/dialogs/music/music.html.erb +32 -0
- data/vendor/assets/javascripts/ueditor/dialogs/music/music.js +192 -0
- data/vendor/assets/javascripts/ueditor/dialogs/searchreplace/searchreplace.html.erb +74 -0
- data/vendor/assets/javascripts/ueditor/dialogs/searchreplace/searchreplace.js +160 -0
- data/vendor/assets/javascripts/ueditor/dialogs/snapscreen/snapscreen.html.erb +91 -0
- data/vendor/assets/javascripts/ueditor/dialogs/spechars/spechars.html.erb +2 -2
- data/vendor/assets/javascripts/ueditor/dialogs/table/edittable.html.erb +46 -45
- data/vendor/assets/javascripts/ueditor/dialogs/table/edittd.html.erb +40 -39
- data/vendor/assets/javascripts/ueditor/dialogs/table/edittip.html.erb +21 -21
- data/vendor/assets/javascripts/ueditor/dialogs/template/config.js +42 -0
- data/vendor/assets/javascripts/ueditor/dialogs/template/images/bg.gif +0 -0
- data/vendor/assets/javascripts/ueditor/dialogs/template/images/pre0.png +0 -0
- data/vendor/assets/javascripts/ueditor/dialogs/template/images/pre1.png +0 -0
- data/vendor/assets/javascripts/ueditor/dialogs/template/images/pre2.png +0 -0
- data/vendor/assets/javascripts/ueditor/dialogs/template/images/pre3.png +0 -0
- data/vendor/assets/javascripts/ueditor/dialogs/template/images/pre4.png +0 -0
- data/vendor/assets/javascripts/ueditor/dialogs/template/template.css +18 -0
- data/vendor/assets/javascripts/ueditor/dialogs/template/template.html.erb +26 -0
- data/vendor/assets/javascripts/ueditor/dialogs/template/template.js +53 -0
- data/vendor/assets/javascripts/ueditor/dialogs/video/video.html.erb +64 -53
- data/vendor/assets/javascripts/ueditor/dialogs/video/video.js.erb +409 -0
- data/vendor/assets/javascripts/ueditor/dialogs/webapp/webapp.html.erb +64 -0
- data/vendor/assets/javascripts/ueditor/editor_all.js.erb +17209 -15783
- data/vendor/assets/javascripts/ueditor/third-party/SyntaxHighlighter/shCore.js +3655 -0
- data/vendor/assets/javascripts/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css +316 -0
- data/vendor/assets/javascripts/ueditor/third-party/fClipboard_ueditor.swf +0 -0
- data/vendor/assets/javascripts/ueditor/third-party/snapscreen/UEditorSnapscreen.exe +0 -0
- data/vendor/assets/javascripts/ueditor/uparse.js +3 -13
- metadata +77 -3
- data/vendor/assets/javascripts/ueditor/dialogs/video/video.js +0 -402
data/README.markdown
CHANGED
@@ -30,8 +30,8 @@ The option can be any which in ```ueditor_config.js.erb```.
|
|
30
30
|
I don't want implement it, cause it's design depends your business, so you should do it by yourself.
|
31
31
|
you can modify ```app/assets/javascripts/ueditor_config.js.erb``` like ```imageUrl: "<%= Rails.application.routes.url_helpers.ueditor_image_path %>"``` to make it available.
|
32
32
|
|
33
|
-
##
|
34
|
-
|
33
|
+
## Cross domain support
|
34
|
+
Add ```UeditorRails.enable_cross_domain = true``` in a initializer or 'application.rb'.
|
35
35
|
|
36
36
|
## More about UEditor
|
37
37
|
[UEditor doc](http://ueditor.baidu.com/website/document.html)
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -3,58 +3,63 @@ window.UEDITOR_HOME_URL = "<%= asset_path('ueditor/') %>";
|
|
3
3
|
window.UEDITOR_CONFIG = {
|
4
4
|
|
5
5
|
//为编辑器实例添加一个路径,这个不能被注释
|
6
|
-
UEDITOR_HOME_URL
|
6
|
+
UEDITOR_HOME_URL: window.UEDITOR_HOME_URL
|
7
7
|
//图片上传配置区
|
8
|
-
,imageUrl: "" //图片上传提交地址
|
9
|
-
,imagePath: "" //图片修正地址,引用了fixedImagePath,如有特殊需求,可自行配置
|
8
|
+
, imageUrl: "" //图片上传提交地址
|
9
|
+
, imagePath: "" //图片修正地址,引用了fixedImagePath,如有特殊需求,可自行配置
|
10
10
|
//,imageFieldName:"upfile" //图片数据的key,若此处修改,需要在后台对应文件修改对应参数
|
11
11
|
//,compressSide:0 //等比压缩的基准,确定maxImageSideLength参数的参照对象。0为按照最长边,1为按照宽度,2为按照高度
|
12
12
|
//,maxImageSideLength:900 //上传图片最大允许的边长,超过会自动等比缩放,不缩放就设置一个比较大的值,更多设置在image.html中
|
13
13
|
|
14
14
|
//涂鸦图片配置区
|
15
|
-
,scrawlUrl: "" //涂鸦上传地址
|
16
|
-
,scrawlPath: "" //图片修正地址,同imagePath
|
15
|
+
, scrawlUrl: "" //涂鸦上传地址
|
16
|
+
, scrawlPath: "" //图片修正地址,同imagePath
|
17
17
|
|
18
18
|
//附件上传配置区
|
19
|
-
,fileUrl: "" //附件上传提交地址
|
20
|
-
,filePath: "" //附件修正地址,同imagePath
|
19
|
+
, fileUrl: "" //附件上传提交地址
|
20
|
+
, filePath: "" //附件修正地址,同imagePath
|
21
21
|
//,fileFieldName:"upfile" //附件提交的表单名,若此处修改,需要在后台对应文件修改对应参数
|
22
22
|
//远程抓取配置区
|
23
23
|
//,catchRemoteImageEnable:true //是否开启远程图片抓取,默认开启
|
24
|
-
,catcherUrl: "" //处理远程图片抓取的地址
|
25
|
-
,catcherPath: "" //图片修正地址,同imagePath
|
24
|
+
, catcherUrl: "" //处理远程图片抓取的地址
|
25
|
+
, catcherPath: "" //图片修正地址,同imagePath
|
26
26
|
//,catchFieldName:"upfile" //提交到后台远程图片uri合集,若此处修改,需要在后台对应文件修改对应参数
|
27
27
|
//,separater:'ue_separate_ue' //提交至后台的远程图片地址字符串分隔符
|
28
28
|
//,localDomain:[] //本地顶级域名,当开启远程图片抓取时,除此之外的所有其它域名下的图片都将被抓取到本地,默认不抓取127.0.0.1和localhost
|
29
29
|
|
30
30
|
//图片在线管理配置区
|
31
|
-
,imageManagerUrl: "" //图片在线管理的处理地址
|
32
|
-
,imageManagerPath: "" //图片修正地址,同imagePath
|
31
|
+
, imageManagerUrl: "" //图片在线管理的处理地址
|
32
|
+
, imageManagerPath: "" //图片修正地址,同imagePath
|
33
33
|
|
34
34
|
//屏幕截图配置区
|
35
|
-
,snapscreenHost: "" //屏幕截图的server端文件所在的网站地址或者ip,请不要加http://
|
36
|
-
,snapscreenServerUrl: "" //屏幕截图的server端保存程序,UEditor的范例代码为“URL +"server/upload/php/snapImgUp.php"”
|
37
|
-
,snapscreenPath: ""
|
35
|
+
, snapscreenHost: "" //屏幕截图的server端文件所在的网站地址或者ip,请不要加http://
|
36
|
+
, snapscreenServerUrl: "" //屏幕截图的server端保存程序,UEditor的范例代码为“URL +"server/upload/php/snapImgUp.php"”
|
37
|
+
, snapscreenPath: ""
|
38
38
|
//,snapscreenServerPort: 80 //屏幕截图的server端端口
|
39
39
|
//,snapscreenImgAlign: 'center' //截图的图片默认的排版方式
|
40
40
|
|
41
41
|
//word转存配置区
|
42
|
-
,wordImageUrl: "" //word转存提交地址
|
43
|
-
,wordImagePath: "" //
|
42
|
+
, wordImageUrl: "" //word转存提交地址
|
43
|
+
, wordImagePath: "" //
|
44
44
|
//,wordImageFieldName:"upfile" //word转存表单名若此处修改,需要在后台对应文件修改对应参数
|
45
45
|
|
46
46
|
//获取视频数据的地址
|
47
|
-
,getMovieUrl: "" //视频数据获取地址
|
47
|
+
, getMovieUrl: "" //视频数据获取地址
|
48
48
|
|
49
49
|
//工具栏上的所有的功能按钮和下拉框,可以在new编辑器的实例时选择自己需要的从新定义
|
50
|
-
,toolbars:[
|
50
|
+
, toolbars: [
|
51
|
+
["bold", "italic", "underline", "strikethrough", "forecolor", "backcolor", "justifyleft", "justifycenter", "justifyright", "justifyjustify", "indent", "removeformat", "formatmatch", "autotypeset", "pasteplain", "customstyle", "insertunorderedlist", "insertorderedlist", "source", "fullscreen", "preview", "help"],
|
52
|
+
["insertimage", "emotion", "insertvideo", "attachment", "blockquote", "spechars", "link", "unlink"],
|
53
|
+
["inserttable", "deletetable", "mergedown", "mergeright", "splittorows", "splittocols", "splittocells", "mergecells"],
|
54
|
+
[]
|
55
|
+
]
|
51
56
|
//当鼠标放在工具栏上时显示的tooltip提示,留空支持自动多语言配置,否则以配置值为准
|
52
|
-
,labelMap:{
|
53
|
-
'anchor':'', 'undo':''
|
57
|
+
, labelMap: {
|
58
|
+
'anchor': '', 'undo': ''
|
54
59
|
}
|
55
60
|
//webAppKey
|
56
61
|
//百度应用的APIkey,每个站长必须首先去百度官网注册一个key后方能正常使用app功能
|
57
|
-
,webAppKey:""
|
62
|
+
, webAppKey: ""
|
58
63
|
|
59
64
|
|
60
65
|
//语言配置项,默认是zh-cn。有需要的话也可以使用如下这样的方式来自动多语言切换,当然,前提条件是lang文件夹下存在对应的语言文件:
|
@@ -65,8 +70,7 @@ window.UEDITOR_CONFIG = {
|
|
65
70
|
|
66
71
|
//主题配置项,默认是default。有需要的话也可以使用如下这样的方式来自动多主题切换,当然,前提条件是themes文件夹下存在对应的主题文件:
|
67
72
|
//现有如下皮肤:default,modern,gorgeous
|
68
|
-
,theme:'default'
|
69
|
-
,themePath: "<%= asset_path 'ueditor/themes/' %>"
|
73
|
+
, theme: 'default', themePath: "<%= asset_path 'ueditor/themes/' %>"
|
70
74
|
|
71
75
|
//若实例化编辑器的页面手动修改的domain,此处需要设置为true
|
72
76
|
//,customDomain:false
|
@@ -77,7 +81,7 @@ window.UEDITOR_CONFIG = {
|
|
77
81
|
//常用配置项目
|
78
82
|
//,isShow : true //默认显示编辑器
|
79
83
|
|
80
|
-
,initialContent:'' //初始化编辑器的内容,也可以通过textarea/script给值,看官网例子
|
84
|
+
, initialContent: '' //初始化编辑器的内容,也可以通过textarea/script给值,看官网例子
|
81
85
|
|
82
86
|
//,initialFrameWidth:1000 //初始化编辑器宽度,默认1000
|
83
87
|
//,initialFrameHeight:320 //初始化编辑器高度,默认320
|
@@ -0,0 +1,655 @@
|
|
1
|
+
/**
|
2
|
+
* Created with JetBrains PhpStorm.
|
3
|
+
* User: xuheng
|
4
|
+
* Date: 12-5-22
|
5
|
+
* Time: 上午11:38
|
6
|
+
* To change this template use File | Settings | File Templates.
|
7
|
+
*/
|
8
|
+
var scrawl = function (options) {
|
9
|
+
options && this.initOptions(options);
|
10
|
+
};
|
11
|
+
(function () {
|
12
|
+
var canvas = $G("J_brushBoard"),
|
13
|
+
context = canvas.getContext('2d'),
|
14
|
+
drawStep = [], //undo redo存储
|
15
|
+
drawStepIndex = 0; //undo redo指针
|
16
|
+
|
17
|
+
scrawl.prototype = {
|
18
|
+
isScrawl:false, //是否涂鸦
|
19
|
+
brushWidth:-1, //画笔粗细
|
20
|
+
brushColor:"", //画笔颜色
|
21
|
+
|
22
|
+
initOptions:function (options) {
|
23
|
+
var me = this;
|
24
|
+
me.originalState(options);//初始页面状态
|
25
|
+
me._buildToolbarColor(options.colorList);//动态生成颜色选择集合
|
26
|
+
|
27
|
+
me._addBoardListener(options.saveNum);//添加画板处理
|
28
|
+
me._addOPerateListener(options.saveNum);//添加undo redo clearBoard处理
|
29
|
+
me._addColorBarListener();//添加颜色选择处理
|
30
|
+
me._addBrushBarListener();//添加画笔大小处理
|
31
|
+
me._addEraserBarListener();//添加橡皮大小处理
|
32
|
+
me._addAddImgListener();//添加增添背景图片处理
|
33
|
+
me._addRemoveImgListenter();//删除背景图片处理
|
34
|
+
me._addScalePicListenter();//添加缩放处理
|
35
|
+
me._addClearSelectionListenter();//添加清楚选中状态处理
|
36
|
+
|
37
|
+
me._originalColorSelect(options.drawBrushColor);//初始化颜色选中
|
38
|
+
me._originalBrushSelect(options.drawBrushSize);//初始化画笔选中
|
39
|
+
me._clearSelection();//清楚选中状态
|
40
|
+
},
|
41
|
+
|
42
|
+
originalState:function (options) {
|
43
|
+
var me = this,
|
44
|
+
url = editor.options.scrawlUrl;
|
45
|
+
|
46
|
+
me.brushWidth = options.drawBrushSize;//同步画笔粗细
|
47
|
+
me.brushColor = options.drawBrushColor;//同步画笔颜色
|
48
|
+
|
49
|
+
$G("fileForm").action = url + (url.indexOf("?") == -1 ? "?" : "&") + "action=tmpImg";//初始form提交地址
|
50
|
+
context.lineWidth = me.brushWidth;//初始画笔大小
|
51
|
+
context.strokeStyle = me.brushColor;//初始画笔颜色
|
52
|
+
context.fillStyle = "transparent";//初始画布背景颜色
|
53
|
+
context.lineCap = "round";//去除锯齿
|
54
|
+
context.fill();
|
55
|
+
},
|
56
|
+
_buildToolbarColor:function (colorList) {
|
57
|
+
var tmp = null, arr = [];
|
58
|
+
arr.push("<table id='J_colorList'>");
|
59
|
+
for (var i = 0, color; color = colorList[i++];) {
|
60
|
+
if ((i - 1) % 5 == 0) {
|
61
|
+
if (i != 1) {
|
62
|
+
arr.push("</tr>");
|
63
|
+
}
|
64
|
+
arr.push("<tr>");
|
65
|
+
}
|
66
|
+
tmp = '#' + color;
|
67
|
+
arr.push("<td><a title='" + tmp + "' href='javascript:void(0)' style='background-color:" + tmp + "'></a></td>");
|
68
|
+
}
|
69
|
+
arr.push("</tr></table>");
|
70
|
+
$G("J_colorBar").innerHTML = arr.join("");
|
71
|
+
},
|
72
|
+
|
73
|
+
_addBoardListener:function (saveNum) {
|
74
|
+
var me = this,
|
75
|
+
margin = 0,
|
76
|
+
startX = -1,
|
77
|
+
startY = -1,
|
78
|
+
isMouseDown = false,
|
79
|
+
isMouseMove = false,
|
80
|
+
isMouseUp = false,
|
81
|
+
buttonPress = 0, button, flag = '';
|
82
|
+
|
83
|
+
margin = parseInt(domUtils.getComputedStyle($G("J_wrap"), "margin-left"));
|
84
|
+
drawStep.push(context.getImageData(0, 0, context.canvas.width, context.canvas.height));
|
85
|
+
drawStepIndex += 1;
|
86
|
+
|
87
|
+
domUtils.on(canvas, ["mousedown", "mousemove", "mouseup", "mouseout"], function (e) {
|
88
|
+
button = browser.webkit ? e.which : buttonPress;
|
89
|
+
switch (e.type) {
|
90
|
+
case 'mousedown':
|
91
|
+
buttonPress = 1;
|
92
|
+
flag = 1;
|
93
|
+
isMouseDown = true;
|
94
|
+
isMouseUp = false;
|
95
|
+
isMouseMove = false;
|
96
|
+
me.isScrawl = true;
|
97
|
+
startX = e.clientX - margin;//10为外边距总和
|
98
|
+
startY = e.clientY - margin;
|
99
|
+
context.beginPath();
|
100
|
+
break;
|
101
|
+
case 'mousemove' :
|
102
|
+
if (!flag && button == 0) {
|
103
|
+
return;
|
104
|
+
}
|
105
|
+
if (!flag && button) {
|
106
|
+
startX = e.clientX - margin;//10为外边距总和
|
107
|
+
startY = e.clientY - margin;
|
108
|
+
context.beginPath();
|
109
|
+
flag = 1;
|
110
|
+
}
|
111
|
+
if (isMouseUp || !isMouseDown) {
|
112
|
+
return;
|
113
|
+
}
|
114
|
+
var endX = e.clientX - margin,
|
115
|
+
endY = e.clientY - margin;
|
116
|
+
|
117
|
+
context.moveTo(startX, startY);
|
118
|
+
context.lineTo(endX, endY);
|
119
|
+
context.stroke();
|
120
|
+
startX = endX;
|
121
|
+
startY = endY;
|
122
|
+
isMouseMove = true;
|
123
|
+
break;
|
124
|
+
case 'mouseup':
|
125
|
+
buttonPress = 0;
|
126
|
+
if (!isMouseDown)return;
|
127
|
+
if (!isMouseMove) {
|
128
|
+
context.arc(startX, startY, context.lineWidth, 0, Math.PI * 2, false);
|
129
|
+
context.fillStyle = context.strokeStyle;
|
130
|
+
context.fill();
|
131
|
+
}
|
132
|
+
context.closePath();
|
133
|
+
me._saveOPerate(saveNum);
|
134
|
+
isMouseDown = false;
|
135
|
+
isMouseMove = false;
|
136
|
+
isMouseUp = true;
|
137
|
+
startX = -1;
|
138
|
+
startY = -1;
|
139
|
+
break;
|
140
|
+
case 'mouseout':
|
141
|
+
flag = '';
|
142
|
+
buttonPress = 0;
|
143
|
+
if (button == 1) return;
|
144
|
+
context.closePath();
|
145
|
+
break;
|
146
|
+
}
|
147
|
+
});
|
148
|
+
},
|
149
|
+
_addOPerateListener:function (saveNum) {
|
150
|
+
var me = this;
|
151
|
+
domUtils.on($G("J_previousStep"), "click", function () {
|
152
|
+
if (drawStepIndex > 1) {
|
153
|
+
drawStepIndex -= 1;
|
154
|
+
context.clearRect(0, 0, context.canvas.width, context.canvas.height);
|
155
|
+
context.putImageData(drawStep[drawStepIndex - 1], 0, 0);
|
156
|
+
me.btn2Highlight("J_nextStep");
|
157
|
+
drawStepIndex == 1 && me.btn2disable("J_previousStep");
|
158
|
+
}
|
159
|
+
});
|
160
|
+
domUtils.on($G("J_nextStep"), "click", function () {
|
161
|
+
if (drawStepIndex > 0 && drawStepIndex < drawStep.length) {
|
162
|
+
context.clearRect(0, 0, context.canvas.width, context.canvas.height);
|
163
|
+
context.putImageData(drawStep[drawStepIndex], 0, 0);
|
164
|
+
drawStepIndex += 1;
|
165
|
+
me.btn2Highlight("J_previousStep");
|
166
|
+
drawStepIndex == drawStep.length && me.btn2disable("J_nextStep");
|
167
|
+
}
|
168
|
+
});
|
169
|
+
domUtils.on($G("J_clearBoard"), "click", function () {
|
170
|
+
context.clearRect(0, 0, context.canvas.width, context.canvas.height);
|
171
|
+
drawStep = [];
|
172
|
+
me._saveOPerate(saveNum);
|
173
|
+
drawStepIndex = 1;
|
174
|
+
me.isScrawl = false;
|
175
|
+
me.btn2disable("J_previousStep");
|
176
|
+
me.btn2disable("J_nextStep");
|
177
|
+
me.btn2disable("J_clearBoard");
|
178
|
+
});
|
179
|
+
},
|
180
|
+
_addColorBarListener:function () {
|
181
|
+
var me = this;
|
182
|
+
domUtils.on($G("J_colorBar"), "click", function (e) {
|
183
|
+
var target = me.getTarget(e),
|
184
|
+
color = target.title;
|
185
|
+
if (!!color) {
|
186
|
+
me._addColorSelect(target);
|
187
|
+
|
188
|
+
me.brushColor = color;
|
189
|
+
context.globalCompositeOperation = "source-over";
|
190
|
+
context.lineWidth = me.brushWidth;
|
191
|
+
context.strokeStyle = color;
|
192
|
+
}
|
193
|
+
});
|
194
|
+
},
|
195
|
+
_addBrushBarListener:function () {
|
196
|
+
var me = this;
|
197
|
+
domUtils.on($G("J_brushBar"), "click", function (e) {
|
198
|
+
var target = me.getTarget(e),
|
199
|
+
size = browser.ie ? target.innerText : target.text;
|
200
|
+
if (!!size) {
|
201
|
+
me._addBESelect(target);
|
202
|
+
|
203
|
+
context.globalCompositeOperation = "source-over";
|
204
|
+
context.lineWidth = parseInt(size);
|
205
|
+
context.strokeStyle = me.brushColor;
|
206
|
+
me.brushWidth = context.lineWidth;
|
207
|
+
}
|
208
|
+
});
|
209
|
+
},
|
210
|
+
_addEraserBarListener:function () {
|
211
|
+
var me = this;
|
212
|
+
domUtils.on($G("J_eraserBar"), "click", function (e) {
|
213
|
+
var target = me.getTarget(e),
|
214
|
+
size = browser.ie ? target.innerText : target.text;
|
215
|
+
if (!!size) {
|
216
|
+
me._addBESelect(target);
|
217
|
+
|
218
|
+
context.lineWidth = parseInt(size);
|
219
|
+
context.globalCompositeOperation = "destination-out";
|
220
|
+
context.strokeStyle = "#FFF";
|
221
|
+
}
|
222
|
+
});
|
223
|
+
},
|
224
|
+
_addAddImgListener:function () {
|
225
|
+
var doc = document,
|
226
|
+
file = $G("J_imgTxt");
|
227
|
+
domUtils.on(file, "change", function () {
|
228
|
+
var frm = file.parentNode;
|
229
|
+
addMaskLayer(lang.backgroundUploading);
|
230
|
+
frm.submit();
|
231
|
+
frm.reset();
|
232
|
+
});
|
233
|
+
},
|
234
|
+
_addRemoveImgListenter:function () {
|
235
|
+
var me = this;
|
236
|
+
domUtils.on($G("J_removeImg"), "click", function () {
|
237
|
+
$G("J_picBoard").innerHTML = "";
|
238
|
+
me.btn2disable("J_removeImg");
|
239
|
+
me.btn2disable("J_sacleBoard");
|
240
|
+
});
|
241
|
+
},
|
242
|
+
_addScalePicListenter:function () {
|
243
|
+
domUtils.on($G("J_sacleBoard"), "click", function () {
|
244
|
+
var picBoard = $G("J_picBoard"),
|
245
|
+
scaleCon = $G("J_scaleCon"),
|
246
|
+
img = picBoard.children[0];
|
247
|
+
|
248
|
+
if (img) {
|
249
|
+
if (!scaleCon) {
|
250
|
+
picBoard.style.cssText = "position:relative;z-index:999;"+picBoard.style.cssText;
|
251
|
+
img.style.cssText = "position: absolute;top:" + (canvas.height - img.height) / 2 + "px;left:" + (canvas.width - img.width) / 2 + "px;";
|
252
|
+
var scale = new ScaleBoy();
|
253
|
+
picBoard.appendChild(scale.init());
|
254
|
+
scale.startScale(img);
|
255
|
+
} else {
|
256
|
+
if (scaleCon.style.visibility == "visible") {
|
257
|
+
scaleCon.style.visibility = "hidden";
|
258
|
+
picBoard.style.position = "";
|
259
|
+
picBoard.style.zIndex = "";
|
260
|
+
} else {
|
261
|
+
scaleCon.style.visibility = "visible";
|
262
|
+
picBoard.style.cssText += "position:relative;z-index:999";
|
263
|
+
}
|
264
|
+
}
|
265
|
+
}
|
266
|
+
});
|
267
|
+
},
|
268
|
+
_addClearSelectionListenter:function () {
|
269
|
+
var doc = document;
|
270
|
+
domUtils.on(doc, 'mousemove', function (e) {
|
271
|
+
if (browser.ie)
|
272
|
+
doc.selection.clear();
|
273
|
+
else
|
274
|
+
window.getSelection().removeAllRanges();
|
275
|
+
});
|
276
|
+
},
|
277
|
+
_clearSelection:function () {
|
278
|
+
var list = ["J_operateBar", "J_colorBar", "J_brushBar", "J_eraserBar", "J_picBoard"];
|
279
|
+
for (var i = 0, group; group = list[i++];) {
|
280
|
+
domUtils.unSelectable($G(group));
|
281
|
+
}
|
282
|
+
},
|
283
|
+
|
284
|
+
_saveOPerate:function (saveNum) {
|
285
|
+
var me = this;
|
286
|
+
if (drawStep.length <= saveNum) {
|
287
|
+
if(drawStepIndex<drawStep.length){
|
288
|
+
me.btn2disable("J_nextStep");
|
289
|
+
drawStep.splice(drawStepIndex);
|
290
|
+
}
|
291
|
+
drawStep.push(context.getImageData(0, 0, context.canvas.width, context.canvas.height));
|
292
|
+
drawStepIndex = drawStep.length;
|
293
|
+
} else {
|
294
|
+
drawStep.shift();
|
295
|
+
drawStep.push(context.getImageData(0, 0, context.canvas.width, context.canvas.height));
|
296
|
+
drawStepIndex = drawStep.length;
|
297
|
+
}
|
298
|
+
me.btn2Highlight("J_previousStep");
|
299
|
+
me.btn2Highlight("J_clearBoard");
|
300
|
+
},
|
301
|
+
|
302
|
+
_originalColorSelect:function (title) {
|
303
|
+
var colorList = $G("J_colorList").getElementsByTagName("td");
|
304
|
+
for (var j = 0, cell; cell = colorList[j++];) {
|
305
|
+
if (cell.children[0].title.toLowerCase() == title) {
|
306
|
+
cell.children[0].style.opacity = 1;
|
307
|
+
}
|
308
|
+
}
|
309
|
+
},
|
310
|
+
_originalBrushSelect:function (text) {
|
311
|
+
var brushList = $G("J_brushBar").children;
|
312
|
+
for (var i = 0, ele; ele = brushList[i++];) {
|
313
|
+
if (ele.tagName.toLowerCase() == "a") {
|
314
|
+
var size = browser.ie ? ele.innerText : ele.text;
|
315
|
+
if (size.toLowerCase() == text) {
|
316
|
+
ele.style.opacity = 1;
|
317
|
+
}
|
318
|
+
}
|
319
|
+
}
|
320
|
+
},
|
321
|
+
_addColorSelect:function (target) {
|
322
|
+
var me = this,
|
323
|
+
colorList = $G("J_colorList").getElementsByTagName("td"),
|
324
|
+
eraserList = $G("J_eraserBar").children,
|
325
|
+
brushList = $G("J_brushBar").children;
|
326
|
+
|
327
|
+
for (var i = 0, cell; cell = colorList[i++];) {
|
328
|
+
cell.children[0].style.opacity = 0.3;
|
329
|
+
}
|
330
|
+
for (var k = 0, ele; ele = brushList[k++];) {
|
331
|
+
if (ele.tagName.toLowerCase() == "a") {
|
332
|
+
ele.style.opacity = 0.3;
|
333
|
+
var size = browser.ie ? ele.innerText : ele.text;
|
334
|
+
if (size.toLowerCase() == this.brushWidth) {
|
335
|
+
ele.style.opacity = 1;
|
336
|
+
}
|
337
|
+
}
|
338
|
+
}
|
339
|
+
for (var j = 0, node; node = eraserList[j++];) {
|
340
|
+
if (node.tagName.toLowerCase() == "a") {
|
341
|
+
node.style.opacity = 0.3;
|
342
|
+
}
|
343
|
+
}
|
344
|
+
|
345
|
+
target.style.opacity = 1;
|
346
|
+
target.blur();
|
347
|
+
},
|
348
|
+
_addBESelect:function (target) {
|
349
|
+
var brushList = $G("J_brushBar").children;
|
350
|
+
var eraserList = $G("J_eraserBar").children;
|
351
|
+
|
352
|
+
for (var i = 0, ele; ele = brushList[i++];) {
|
353
|
+
if (ele.tagName.toLowerCase() == "a") {
|
354
|
+
ele.style.opacity = 0.3;
|
355
|
+
}
|
356
|
+
}
|
357
|
+
for (var j = 0, node; node = eraserList[j++];) {
|
358
|
+
if (node.tagName.toLowerCase() == "a") {
|
359
|
+
node.style.opacity = 0.3;
|
360
|
+
}
|
361
|
+
}
|
362
|
+
|
363
|
+
target.style.opacity = 1;
|
364
|
+
target.blur();
|
365
|
+
},
|
366
|
+
getCanvasData:function () {
|
367
|
+
var picContainer = $G("J_picBoard"),
|
368
|
+
img = picContainer.children[0];
|
369
|
+
if (img) {
|
370
|
+
var x, y;
|
371
|
+
if (img.style.position == "absolute") {
|
372
|
+
x = parseInt(img.style.left);
|
373
|
+
y = parseInt(img.style.top);
|
374
|
+
} else {
|
375
|
+
x = (picContainer.offsetWidth - img.width) / 2;
|
376
|
+
y = (picContainer.offsetHeight - img.height) / 2;
|
377
|
+
}
|
378
|
+
context.globalCompositeOperation = "destination-over";
|
379
|
+
context.drawImage(img, x, y, img.width, img.height);
|
380
|
+
} else {
|
381
|
+
context.globalCompositeOperation = "destination-atop";
|
382
|
+
context.fillStyle = "#fff";//重置画布背景白色
|
383
|
+
context.fillRect(0, 0, canvas.width, canvas.height);
|
384
|
+
}
|
385
|
+
try {
|
386
|
+
return canvas.toDataURL("image/png").substring(22);
|
387
|
+
} catch (e) {
|
388
|
+
return "";
|
389
|
+
}
|
390
|
+
},
|
391
|
+
btn2Highlight:function (id) {
|
392
|
+
var cur = $G(id);
|
393
|
+
cur.className.indexOf("H") == -1 && (cur.className += "H");
|
394
|
+
},
|
395
|
+
btn2disable:function (id) {
|
396
|
+
var cur = $G(id);
|
397
|
+
cur.className.indexOf("H") != -1 && (cur.className = cur.className.replace("H", ""));
|
398
|
+
},
|
399
|
+
getTarget:function (evt) {
|
400
|
+
return evt.target || evt.srcElement;
|
401
|
+
}
|
402
|
+
};
|
403
|
+
})();
|
404
|
+
|
405
|
+
var ScaleBoy = function () {
|
406
|
+
this.dom = null;
|
407
|
+
this.scalingElement = null;
|
408
|
+
};
|
409
|
+
(function () {
|
410
|
+
function _appendStyle() {
|
411
|
+
var doc = document,
|
412
|
+
head = doc.getElementsByTagName('head')[0],
|
413
|
+
style = doc.createElement('style'),
|
414
|
+
cssText = '.scale{visibility:hidden;cursor:move;position:absolute;left:0;top:0;width:100px;height:50px;background-color:#fff;font-size:0;line-height:0;opacity:.4;filter:Alpha(opacity=40);}'
|
415
|
+
+ '.scale span{position:absolute;left:0;top:0;width:6px;height:6px;background-color:#006DAE;}'
|
416
|
+
+ '.scale .hand0, .scale .hand7{cursor:nw-resize;}'
|
417
|
+
+ '.scale .hand1, .scale .hand6{left:50%;margin-left:-3px;cursor:n-resize;}'
|
418
|
+
+ '.scale .hand2, .scale .hand4, .scale .hand7{left:100%;margin-left:-6px;}'
|
419
|
+
+ '.scale .hand3, .scale .hand4{top:50%;margin-top:-3px;cursor:w-resize;}'
|
420
|
+
+ '.scale .hand5, .scale .hand6, .scale .hand7{margin-top:-6px;top:100%;}'
|
421
|
+
+ '.scale .hand2, .scale .hand5{cursor:ne-resize;}';
|
422
|
+
style.type = 'text/css';
|
423
|
+
|
424
|
+
try {
|
425
|
+
style.appendChild(doc.createTextNode(cssText));
|
426
|
+
} catch (e) {
|
427
|
+
style.styleSheet.cssText = cssText;
|
428
|
+
}
|
429
|
+
head.appendChild(style);
|
430
|
+
}
|
431
|
+
|
432
|
+
function _getDom() {
|
433
|
+
var doc = document,
|
434
|
+
hand,
|
435
|
+
arr = [],
|
436
|
+
scale = doc.createElement('div');
|
437
|
+
|
438
|
+
scale.id = 'J_scaleCon';
|
439
|
+
scale.className = 'scale';
|
440
|
+
for (var i = 0; i < 8; i++) {
|
441
|
+
arr.push("<span class='hand" + i + "'></span>");
|
442
|
+
}
|
443
|
+
scale.innerHTML = arr.join("");
|
444
|
+
return scale;
|
445
|
+
}
|
446
|
+
|
447
|
+
var rect = [
|
448
|
+
//[left, top, width, height]
|
449
|
+
[1, 1, -1, -1],
|
450
|
+
[0, 1, 0, -1],
|
451
|
+
[0, 1, 1, -1],
|
452
|
+
[1, 0, -1, 0],
|
453
|
+
[0, 0, 1, 0],
|
454
|
+
[1, 0, -1, 1],
|
455
|
+
[0, 0, 0, 1],
|
456
|
+
[0, 0, 1, 1]
|
457
|
+
];
|
458
|
+
ScaleBoy.prototype = {
|
459
|
+
init:function () {
|
460
|
+
_appendStyle();
|
461
|
+
var me = this,
|
462
|
+
scale = me.dom = _getDom();
|
463
|
+
|
464
|
+
me.scaleMousemove.fp = me;
|
465
|
+
domUtils.on(scale, 'mousedown', function (e) {
|
466
|
+
var target = e.target || e.srcElement;
|
467
|
+
me.start = {x:e.clientX, y:e.clientY};
|
468
|
+
if (target.className.indexOf('hand') != -1) {
|
469
|
+
me.dir = target.className.replace('hand', '');
|
470
|
+
}
|
471
|
+
domUtils.on(document.body, 'mousemove', me.scaleMousemove);
|
472
|
+
e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;
|
473
|
+
});
|
474
|
+
domUtils.on(document.body, 'mouseup', function (e) {
|
475
|
+
if (me.start) {
|
476
|
+
domUtils.un(document.body, 'mousemove', me.scaleMousemove);
|
477
|
+
if (me.moved) {
|
478
|
+
me.updateScaledElement({position:{x:scale.style.left, y:scale.style.top}, size:{w:scale.style.width, h:scale.style.height}});
|
479
|
+
}
|
480
|
+
delete me.start;
|
481
|
+
delete me.moved;
|
482
|
+
delete me.dir;
|
483
|
+
}
|
484
|
+
});
|
485
|
+
return scale;
|
486
|
+
},
|
487
|
+
startScale:function (objElement) {
|
488
|
+
var me = this, Idom = me.dom;
|
489
|
+
|
490
|
+
Idom.style.cssText = 'visibility:visible;top:' + objElement.style.top + ';left:' + objElement.style.left + ';width:' + objElement.offsetWidth + 'px;height:' + objElement.offsetHeight + 'px;';
|
491
|
+
me.scalingElement = objElement;
|
492
|
+
},
|
493
|
+
updateScaledElement:function (objStyle) {
|
494
|
+
var cur = this.scalingElement,
|
495
|
+
pos = objStyle.position,
|
496
|
+
size = objStyle.size;
|
497
|
+
if (pos) {
|
498
|
+
typeof pos.x != 'undefined' && (cur.style.left = pos.x);
|
499
|
+
typeof pos.y != 'undefined' && (cur.style.top = pos.y);
|
500
|
+
}
|
501
|
+
if (size) {
|
502
|
+
size.w && (cur.style.width = size.w);
|
503
|
+
size.h && (cur.style.height = size.h);
|
504
|
+
}
|
505
|
+
},
|
506
|
+
updateStyleByDir:function (dir, offset) {
|
507
|
+
var me = this,
|
508
|
+
dom = me.dom, tmp;
|
509
|
+
|
510
|
+
rect['def'] = [1, 1, 0, 0];
|
511
|
+
if (rect[dir][0] != 0) {
|
512
|
+
tmp = parseInt(dom.style.left) + offset.x;
|
513
|
+
dom.style.left = me._validScaledProp('left', tmp) + 'px';
|
514
|
+
}
|
515
|
+
if (rect[dir][1] != 0) {
|
516
|
+
tmp = parseInt(dom.style.top) + offset.y;
|
517
|
+
dom.style.top = me._validScaledProp('top', tmp) + 'px';
|
518
|
+
}
|
519
|
+
if (rect[dir][2] != 0) {
|
520
|
+
tmp = dom.clientWidth + rect[dir][2] * offset.x;
|
521
|
+
dom.style.width = me._validScaledProp('width', tmp) + 'px';
|
522
|
+
}
|
523
|
+
if (rect[dir][3] != 0) {
|
524
|
+
tmp = dom.clientHeight + rect[dir][3] * offset.y;
|
525
|
+
dom.style.height = me._validScaledProp('height', tmp) + 'px';
|
526
|
+
}
|
527
|
+
if (dir === 'def') {
|
528
|
+
me.updateScaledElement({position:{x:dom.style.left, y:dom.style.top}});
|
529
|
+
}
|
530
|
+
},
|
531
|
+
scaleMousemove:function (e) {
|
532
|
+
var me = arguments.callee.fp,
|
533
|
+
start = me.start,
|
534
|
+
dir = me.dir || 'def',
|
535
|
+
offset = {x:e.clientX - start.x, y:e.clientY - start.y};
|
536
|
+
|
537
|
+
me.updateStyleByDir(dir, offset);
|
538
|
+
arguments.callee.fp.start = {x:e.clientX, y:e.clientY};
|
539
|
+
arguments.callee.fp.moved = 1;
|
540
|
+
},
|
541
|
+
_validScaledProp:function (prop, value) {
|
542
|
+
var ele = this.dom,
|
543
|
+
wrap = $G("J_picBoard");
|
544
|
+
|
545
|
+
value = isNaN(value) ? 0 : value;
|
546
|
+
switch (prop) {
|
547
|
+
case 'left':
|
548
|
+
return value < 0 ? 0 : (value + ele.clientWidth) > wrap.clientWidth ? wrap.clientWidth - ele.clientWidth : value;
|
549
|
+
case 'top':
|
550
|
+
return value < 0 ? 0 : (value + ele.clientHeight) > wrap.clientHeight ? wrap.clientHeight - ele.clientHeight : value;
|
551
|
+
case 'width':
|
552
|
+
return value <= 0 ? 1 : (value + ele.offsetLeft) > wrap.clientWidth ? wrap.clientWidth - ele.offsetLeft : value;
|
553
|
+
case 'height':
|
554
|
+
return value <= 0 ? 1 : (value + ele.offsetTop) > wrap.clientHeight ? wrap.clientHeight - ele.offsetTop : value;
|
555
|
+
}
|
556
|
+
}
|
557
|
+
};
|
558
|
+
})();
|
559
|
+
|
560
|
+
//后台回调
|
561
|
+
function ue_callback(url, state) {
|
562
|
+
var doc = document,
|
563
|
+
picBorard = $G("J_picBoard"),
|
564
|
+
img = doc.createElement("img");
|
565
|
+
|
566
|
+
//图片缩放
|
567
|
+
function scale(img, max, oWidth, oHeight) {
|
568
|
+
var width = 0, height = 0, percent, ow = img.width || oWidth, oh = img.height || oHeight;
|
569
|
+
if (ow > max || oh > max) {
|
570
|
+
if (ow >= oh) {
|
571
|
+
if (width = ow - max) {
|
572
|
+
percent = (width / ow).toFixed(2);
|
573
|
+
img.height = oh - oh * percent;
|
574
|
+
img.width = max;
|
575
|
+
}
|
576
|
+
} else {
|
577
|
+
if (height = oh - max) {
|
578
|
+
percent = (height / oh).toFixed(2);
|
579
|
+
img.width = ow - ow * percent;
|
580
|
+
img.height = max;
|
581
|
+
}
|
582
|
+
}
|
583
|
+
}
|
584
|
+
}
|
585
|
+
|
586
|
+
//移除遮罩层
|
587
|
+
removeMaskLayer();
|
588
|
+
//状态响应
|
589
|
+
if (state == "SUCCESS") {
|
590
|
+
picBorard.innerHTML = "";
|
591
|
+
img.onload = function () {
|
592
|
+
scale(this, 300);
|
593
|
+
picBorard.appendChild(img);
|
594
|
+
|
595
|
+
var obj = new scrawl();
|
596
|
+
obj.btn2Highlight("J_removeImg");
|
597
|
+
//trace 2457
|
598
|
+
obj.btn2Highlight("J_sacleBoard");
|
599
|
+
};
|
600
|
+
img.src = editor.options.scrawlPath + url;
|
601
|
+
} else {
|
602
|
+
alert(state);
|
603
|
+
}
|
604
|
+
}
|
605
|
+
//去掉遮罩层
|
606
|
+
function removeMaskLayer() {
|
607
|
+
var maskLayer = $G("J_maskLayer");
|
608
|
+
maskLayer.className = "maskLayerNull";
|
609
|
+
maskLayer.innerHTML = "";
|
610
|
+
dialog.buttons[0].setDisabled(false);
|
611
|
+
}
|
612
|
+
//添加遮罩层
|
613
|
+
function addMaskLayer(html) {
|
614
|
+
var maskLayer = $G("J_maskLayer");
|
615
|
+
dialog.buttons[0].setDisabled(true);
|
616
|
+
maskLayer.className = "maskLayer";
|
617
|
+
maskLayer.innerHTML = html;
|
618
|
+
}
|
619
|
+
//执行确认按钮方法
|
620
|
+
function exec(scrawlObj) {
|
621
|
+
if (scrawlObj.isScrawl) {
|
622
|
+
addMaskLayer(lang.scrawlUpLoading);
|
623
|
+
var base64 = scrawlObj.getCanvasData();
|
624
|
+
if (!!base64) {
|
625
|
+
ajax.request(editor.options.scrawlUrl, {
|
626
|
+
timeout:100000,
|
627
|
+
content:base64,
|
628
|
+
onsuccess:function (xhr) {
|
629
|
+
if (!scrawlObj.isCancelScrawl) {
|
630
|
+
var responseObj;
|
631
|
+
responseObj = eval("(" + xhr.responseText + ")");
|
632
|
+
if (responseObj.state == "SUCCESS") {
|
633
|
+
var imgObj = {},
|
634
|
+
url = editor.options.scrawlPath + responseObj.url;
|
635
|
+
imgObj.src = url;
|
636
|
+
imgObj.data_ue_src = url;
|
637
|
+
editor.execCommand("insertImage", imgObj);
|
638
|
+
dialog.close();
|
639
|
+
} else {
|
640
|
+
alert(responseObj.state);
|
641
|
+
}
|
642
|
+
|
643
|
+
}
|
644
|
+
},
|
645
|
+
onerror:function () {
|
646
|
+
alert(lang.imageError);
|
647
|
+
dialog.close();
|
648
|
+
}
|
649
|
+
});
|
650
|
+
}
|
651
|
+
} else {
|
652
|
+
addMaskLayer(lang.noScarwl + " <input type='button' value='" + lang.continueBtn + "' onclick='removeMaskLayer()'/>");
|
653
|
+
}
|
654
|
+
}
|
655
|
+
|