当前位置: 澳门新濠3559 > 服务器运维 > 正文

可以直接把下载好的代码直接放到项目中(需要注

时间:2019-12-26 07:51来源:服务器运维
比较粗糙简略。感兴趣的同学可以看看。稍微贴下主要内容吧:这是第一份ppt主要的内容。具体东西我就不多贴了,对这几个方面感兴趣的同学可以下载来看看,既然是基于editor为例子

比较粗糙简略。感兴趣的同学可以看看。稍微贴下主要内容吧: 这是第一份ppt主要的内容。具体东西我就不多贴了,对这几个方面感兴趣的同学可以下载来看看,既然是基于editor为例子的ppt,这里我也附上一个简单的利用execCommand命令做的简易的demo,editor的原理在demo里都能看出来。这里附上代码: 复制代码 代码如下:

-

开发工具: Android Studio 2.3.3
测试机:三星 N9008 Android 5.0

大家可以自行考到本地去演示,很简单的一个例子,提供一个思路而已。 下面提供第一个ppt的下载: 以下为ppt部分内容:

1 首先奉上链接其 更多更详细内容在其官方api上,本文只是一个归类总结性文章。


感兴趣的同学可以看看。文件打包下载地址

2 下载链接  本人是.net开发人员就直接下载了最新的.net版本,可以直接把下载好的代码直接放到项目中(需要注意的是,它里面有后代ashx代码,需要添加其中bin目录下的Json.net)。

很多天之前,看到有公众号推送过文章,讲的是这一块的知识,简单看了一下,发现确实在缩减 app 体积上是有很大优势的。今天闲着没事,也就做了一下,但是发觉,还是有一些不足。

3 看demo.html

1.跟着样例撸代码

我们先来看看推送中提供的代码案例
...
好吧,它直接提供了一个 icon 网站,上面有非常直观的 Android 使用说明,并提供了下载说明和代码案例。看起来一切都非常傻瓜。
附上网址:链接(点击上方 帮助 - 代码应用 - android使用)

澳门新濠3559 1

引导下载图.gif

提供的帮助真的非常详细,生怕你不会用。然后,我就兴高采烈地接受了这样的引导,并希望将来遇到的工具或者网页都能像这样,为每一个傻子设计。

澳门新濠3559 2

笑着哭,我才不是

好吧,跟着说明,我们下载好了所谓的代码,然后看接下来的说明:解压下载的代码文件,打开 demo.html 后,可以看到之前下载的各个图标相对应的 HTML 实体字符码。

然而,我并没有看到 demo.html。跟说好的有点不一样。。

澳门新濠3559 3

实际的解压目录

所以我把每个 html 文件都打开看看,发现 demo_unicode.html 里的实体字符码格式最像。

澳门新濠3559 4

假装是一样的好了

按照样例,把 demo 写好。更改字体的 demo 贴上:

//获取字体
Typeface iconfont = Typeface.createFromAsset(getAssets(), "iconfont.ttf");
//获取控件
TextView textview = (TextView)findViewById(R.id.xxx);
//设置字体
textview.setTypeface(iconfont);
//设置显示的实体字符码
textview.setText("...");

然后,打包安装。
然后,呵呵。

首先导入导入三个配置文件

2.找问题

在代码中创建一个编辑器容器 此容器为一个 

2.1 瞎找问题一

整个编译过程没有任何问题,但是在导入 ttf 文件时出现了这个提示让人有些在意:

澳门新濠3559 5

icon font 导入提示

尝试了几种编码方式并不能解决,所以上 stackoverflow 上面搜索了一番,好像大家都是成功的,没有遇到这种问题,再看了几篇博客,最早的能追溯到 2014 年。。

澳门新濠3559 6

该不会是我操作有问题吧

赶紧回去检查了一下代码,一共只有五行,给我琢磨了个遍,没结果。

这个script标签就是ueditor的容器我们内容就是在这里面显示的

2.2 瞎找问题二

诶,不管它了,代码就那么几行肯定不是我的问题,大概它网站生成的东西有毒吧。哈哈

澳门新濠3559 7

笑着哭,假装很对

所以我换了一个网址:链接
一番操作之后,依然不行。只好又回到了搜索引擎。。

再创建一个script标签写js代码 

2.3 瞎找问题三

猜想是方法有毒,想看看有没有其他设置字符码的方法,我在 stackoverflow 里找到了一条与众不同的答案,下面有评论说可以,那就试试。

String iconHeart = "&#x xxxx";
String valHexStr = iconHeart.replace("&#x", "").replace(";", "");
long valLong = Long.parseLong(valHexStr,16);
button.setText(getString((char)valLong+"");

// 这个代码绝对有毒,怎么可能找得到这个 string 资源。。
getString((char)valLong)

于是,我转到了另一个方法:

//replace &#x-xxxx to 0x-f066
Typeface typeface = Typeface.createFromAsset(getAssets(), "fontawesome-webfont.ttf");
textView.setTypeface(typeface);
textView.setText(new String(new char[]{0xf006 }));

很酷,这个成功了。开心,兴奋,无与伦比。我突然想给他一个大拇哥

澳门新濠3559 8

贡献不足提示.tip

澳门新濠3559 9

无话可说,以后也要抽时间试试回答问题。既然不能给赞,我尝试着给个评论总可以吧!

澳门新濠3559 10

贡献不足提示2.tip

澳门新濠3559 11

你们对新用户一点都不友好!哼,我要去回答问题!

初始化ueditor的代码为  var ue = UE.getEditor('editor');此出单引号里面的为编辑器容器id 保存刷新页面就可以看到最简单的editor的demo了。

3 测试成果

澳门新濠3559 12

顺便试试 viewpager

但是字体设置变大,图片貌似没有很明显的变大,反而文字比较明显( 见 isSelected )


以上。内容仅作为兴趣测试,如果有成熟的应用代码,有看官可以私信我,或者评论分享吗? 找不到,真难过。

澳门新濠3559 13

突然想起来,HTML 实体字符码 有可能是这样的 "0xf0345;",如果是 "f" 开头,那么上面的方法也无济于事。而且,一般图片选中时会有变色的需求,这个貌似做不到,更难过了。


2017-8-13

在学习 svg 的过程中,发现上面问题的解决方法。HTML 实体字符码无法在 TextView 上直接显示涉及到 unicode 的编码问题。在设置图片时,把 "&#x" 替换为 "u" 即可。

4 介绍一下Editor的常用方法

本人喜欢无论获取对象用工厂模式 

var editor = UE.getEditor('lxt');
function GetEditor() {
if (editor==null||editor==undefined) {
editor = UE.getEditor('lxt');
}
return editor;
}//以后获取ediotr 对象直接用GetEditor方法就行了。

1)获取编辑器里面的内容(html代码): GetEditor().getContent();

2)设置编辑器里面的内容(支持html代码): GetEditor().setContent("李啸天", boolean是否追加);

3)获取编辑器里面的纯文本: GetEditor().getContentTxt();

4)获取编辑器带格式的纯文本(也就是包含一些等标签的文本,但是不包含文本的格式,上一个方法不包含等标签): GetEditro()..getPlainTxt();

5)判断编辑器是否有内容返回true或者false GetEditor().hasContents();

6)使编辑器获取焦点:  GetEditor().focus();

7)判断编辑器是否获取焦点 :GetEditor().isFocus();

8)使编辑器失去焦点:GetEditor().blur();

9)获取编辑器选中的文本:可以封装为一个方法,具体代码的意思可以看一下百度api链接为 )

function getText() {
//当你点击按钮时编辑区域已经失去了焦点,如果直接用getText将不会得到内容,所以要在选回来,然后取得内容
var range = UE.getEditor('editor').selection.getRange();
range.select();
var txt = UE.getEditor('editor').selection.getText();

}

10)使编辑器不可编辑:GetEditor().setDisabled();里面可以设置参数string或者Array[string]设置除此之外为disable,各个按钮代表的英文在

11)是编辑器可以编辑:GetEditor().setEnabled(); 

12)显示隐藏编辑器方法为:setShow(), setHide()

13)设置编辑器高度:setHeight(Number heigth);

5 定制工具栏图标

澳门新濠3559, 1). 方法一:修改 ueditor.config.js 里面的 toolbars 2). 方法二:实例化编辑器的时候传入 toolbars 参数

6上传功能

 1)首先需要在ueditor.config.js里制定处理上传的handler.ashx,下载的demo中叫做controller.ashx 开发者可以随意更换其位置,本人习惯把它放在根目录或者handler文件夹下,如果在根目录下,就把地址改为serverUrl: "/controller.ashx",另外提一下配置文件中获取的url就是配置文件所在的路径如

2)把config.json文件放在项目根目录下,也可以在Config.cs进行设置进行

3)修改config.json里面的路径以及需要修改的配置,里面写的很详细 如imageUrlPrefix为图片访问路径前缀一般为空就可以了,imagePathFormat上传保存路径,可以根据其提示进行各种设置。

编辑:服务器运维 本文来源:可以直接把下载好的代码直接放到项目中(需要注

关键词: