搜索
查看: 3399|回复: 11

[web] 分享 内置kindeditor html编辑器 发布可用 支持换行

  [复制链接]

47

主题

178

帖子

1175

积分

荣誉会员

Rank: 8Rank: 8

积分
1175
发表于 2013-6-16 00:25:23 | 显示全部楼层 |阅读模式
本帖最后由 朴实 于 2013-6-19 11:56 编辑

编辑器发布后可用需要满足以下条件:
1:编辑器文件不能作为资源文件内置。
2:编辑器文件目录需要添加到项目中去。

编辑器需要支持换行。关键代码是:

  1. winform.isDialogMessage = function(hwnd,msg){   
  2.     return false;   
  3. }
复制代码
代码参考了 jyb21的这个帖子,http://bbs.aardio.com/thread-8845-1-1.html


获取和设置编辑器内容的关键代码是html 文件中的
  1.         function getSource(){
  2.             external.content = editor.html();
  3.         }

  4.         function setSource(str){
  5.             editor.html(str);
  6.         }
复制代码
还有通过wb.doScript 来调用编辑器对应的API 代码。
  1. wb.external={
  2.         content = ""
  3. }

  4. winform.button.oncommand = function(id,event){
  5.         wb.doScript("getSource()")
  6.         win.msgbox(wb.external.content)
  7. }

  8. winform.button2.oncommand = function(id,event){
  9.         str = "谢谢Jacen 谢谢aardio"
  10.         wb.doScript("setSource('" + str +"')")
  11. }
复制代码
代码参考了 winner 的这个帖子。http://bbs.aardio.com/thread-8841-1-1.html

其他编辑器应该也是差不多的,都可以通过API 实现。


项目文件有点大,我传到百度了,可以在这里下载:
http://pan.baidu.com/share/link? ... 1&uk=1493536710

发布后的文件可以直接在这里下载查看(解压运行):
http://pan.baidu.com/share/link? ... 0&uk=1493536710


注意:

5 楼和8楼分别对代码做出了改进。
5楼 quicker 对代码做出了改进,可以直接把文件内置了。
8楼 auaau 对代码作出了改进,代码更精简,无论是获取和设置编辑器内容都不需要html中的JS代码进行中转了。

评分

参与人数 1银币 +60 收起 理由
coder + 60 很给力!

查看全部评分

回复

使用道具 举报

4

主题

56

帖子

549

积分

三级会员

Rank: 4

积分
549
发表于 2013-6-16 09:48:24 | 显示全部楼层

学习,谢谢分享

学习,谢谢分享
回复

使用道具 举报

8

主题

67

帖子

447

积分

二级会员

Rank: 3Rank: 3

积分
447
发表于 2013-6-16 11:51:23 | 显示全部楼层

谢谢分享mark

谢谢分享mark
回复

使用道具 举报

8

主题

98

帖子

716

积分

三级会员

Rank: 4

积分
716
发表于 2013-6-16 13:00:50 | 显示全部楼层

谢谢,正需要

谢谢,正需要
回复

使用道具 举报

30

主题

699

帖子

4198

积分

超级版主

Rank: 8Rank: 8

积分
4198
发表于 2013-6-16 13:13:23 | 显示全部楼层

[i=s] 本帖最后由 quicker 于 2013-7-2 17:17 编辑 [/i] kindeditor.js 的 #3601行找到源码: [quot

本帖最后由 quicker 于 2013-7-2 17:17 编辑

kindeditor.js 的 #3601行找到源码:
isDocumentDomain = location.host.replace(/:\d+/, '') !== document.domain,
修改为:
isDocumentDomain = document.location.protocol!="res:" && location.host.replace(/:\d+/, '') !== document.domain,
也就是加上红色部分代码,然后重新编译 kindeditor-min.js (应当也就不需要kindeditor.js了,这个只是源码)
这样就可以放到资源文件里了(支持 res协议)。

https://github.com/kindsoft/kindeditor
kindeditor最新版已修正该问题



回复

使用道具 举报

47

主题

178

帖子

1175

积分

荣誉会员

Rank: 8Rank: 8

积分
1175
 楼主| 发表于 2013-6-17 00:31:33 来自手机 | 显示全部楼层

[quote][color=#999999]quicker 发表于 2013-6-16 13:13[/color] [color=#999999]kinded

quicker 发表于 2013-6-16 13:13
kindeditor.js 的 #3601行找到源码:
修改为:
也就是加上红色部分代码,然后重新编译 kindeditor-min.js ...

谢谢你。我明天试下。

每次分享都有收获。
回复

使用道具 举报

17

主题

97

帖子

715

积分

荣誉会员

Rank: 8Rank: 8

积分
715
发表于 2013-6-17 11:04:50 | 显示全部楼层

给出代码同时讲解重点,这位同学是一位好老师!

给出代码同时讲解重点,这位同学是一位好老师!
有太多东西要学,可是感觉没时间。
回复

使用道具 举报

10

主题

307

帖子

1784

积分

荣誉会员

Rank: 8Rank: 8

积分
1784
发表于 2013-6-17 11:49:03 | 显示全部楼层

[align=left][font=新宋体][quote][color=#008000]//获取编辑器对象 [/color][color=#0000ff]va

//获取编辑器对象
var kindEditor = wb.script.geteditor();

//获取编辑器HTML
html = kindEditor.html();

//设置编辑器HTML
kindEditor.html("这里设置HTML");

直接调用编辑器就可以,不需要用js通过external中转

点评

真棒: 5.0
真棒: 5
你的代码更彪悍! 厉害。  发表于 2013-6-18 23:52
回复

使用道具 举报

0

主题

9

帖子

95

积分

一级会员

Rank: 2

积分
95
QQ
发表于 2013-6-24 14:36:42 | 显示全部楼层

百度出了个公用的可以调

百度出了个公用的可以调
回复

使用道具 举报

9

主题

463

帖子

2556

积分

版主

Rank: 7Rank: 7Rank: 7

积分
2556
发表于 2013-6-25 16:43:37 | 显示全部楼层

[align=left]参考帖子:[url=http://bbs.aardio.com/thread-10487-1-1.html]解决网页编辑器不能回车[/u


当DIV 或 IFRAME 设置为编辑模式时( 节点对象.designMode = "On" ),无法输入回车(其他键没问题)。
用下面的代码可以完美解决这个问题( 使用 winform.isDialogMessage 可以不影响正常的对话框快捷键  ).
/*
解决方法( winform.static 修改为网页编辑器所在控件对象 )
*/

winform.static.translateAccelerator =
function( msg ) {
     
if( wb._host.tranacc(msg) ) return true;
     
if (msg.message == 0x100/*_WM_KEYDOWN*/ && ( msg.wParam == 0xD/*_VK_RETURN*/||  msg.wParam == 0x1B/*_VK_ESCAPE*/) )  {  
          __messageTranslateDispatch(msg);
         
return true;
     }
};


回复

使用道具 举报

0

主题

35

帖子

515

积分

荣誉会员

Rank: 8Rank: 8

积分
515
发表于 2013-6-28 08:42:01 | 显示全部楼层

多谢楼主分享

多谢楼主分享
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

手机版|未经许可严禁引用或转载本站文章|站长邮箱|aardio.com|aardio官方社区 ( 皖ICP备09012014号 )

GMT+8, 2018-1-22 16:01 , Processed in 0.062500 second(s), 24 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表