在线即时文字接口

一、介绍


在线文字编辑工具中,用户在文本框中输入文字时,如果希望输入的文字能即时显示出字体的效果,可以调用有字库的在线即时文字接口。

有字库针对在线文字编辑的文本框,提供专门的插件。应用此插件调用中文字体,无需事先加载任何字体数据,根据内容快速获取需要的字型。即时响应,轻盈灵巧。


二、JS库


引用JS库。

将下面JS库引用到页面的<head>标签里。

  • <script type="text/javascript" src="http://cdn.webfont.youziku.com/youziku.justtime.js"></script>


三、JS插件内置的函数


1、内置方法

1.1 changefont 同时切换多个object的字体
  • changefont(ElementsName,accesskey[,callback])
  • 参数ElementsName:为需要变换字体的object的name属性(如果name属性对应多个object,则同时变更各个object的字体);
  • 参数accesskey:为新字体的accesskey;
  • 数callback:为回调函数,如果填写的话,当新字体切换完成后,触发callback函数,函数名可以自己定义。


  • changefont(ElementsName)
  • 切换为非有字库字体,即清空name属性对应的各个object的即时字体效果。


1.2  objchangefont 切换单个object的字体
  • objchangefont(object,accesskey[,callback])
  • 参数object:为需要变换字体的dom对象;
  • 参数accesskey:为新字体的accesskey;
  • 参数callback:为回调函数,当新字体数据加载完成后,触发callback函数。


  • objchangefont(object)
  • 切换为非有字库字体,即清空object的即时字体效果。


1.3  changeword  刷新即时字体效果
  • changeword(object)
  • 参数object:为需要刷新即时字体效果的dom对象;
  • object的即时字体效果,是接口通过监听object的oninput事件而实现即时刷新效果的,当object的内容被其他脚本改变,没有触发自身的oninput事件,则需要能过changefont方法来主动刷新object的即时字体效果。


2、 内置回调函数(系统内置的回调函数,如需要,按指定的名字定义,即可被调用。)

2.1 wordchanged 接口内置回调函数
  • wordchanged(object)
  • wordchanged 此函数会在即时输入时触发(object的文字发生改变时,object的字体效果需要重新加载,当object的字体效果加载完成后,就会执行此函数),如果需要此回调,则自己定义一个名为wordchanged的函数。
  • object为回调函数传回的参数,是指当前触发此回调函数的input[或者其他文本输入元素]


2.2 youzikuloaded接口内置回调函数
  • youzikuloaded(accesskey)
  • youzikuloaded此函数会在页面初始化后触发(页面加载完成后,页面上所有设置了即时字体的input[或者其他文本输入元素],就开始加载字体效果,当字体效果加载完成后,就会执行youzikuloaded),如果需要此回调,需要定义一个名为youzikuloaded的函数。
  • accesskey为回调函数传回的参数,是指设置了这个accesskey的input[或者其他文本输入元素]已经加载完字体效果了。
请先同意托管协议