elRTE使用方法,代码

1.貼上以下語法,自行修改正確路徑。

<!-- jQuery and jQuery UI -->
    <script src="js/jquery-1.6.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery-ui-1.8.13.custom.min.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" href="css/smoothness/jquery-ui-1.8.13.custom.css" type="text/css" media="screen" charset="utf-8">

    <!-- elRTE -->
    <script src="js/elrte.min.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" href="css/elrte.min.css" type="text/css" media="screen" charset="utf-8">

    <!-- elRTE translation messages -->
    <script src="js/i18n/elrte.zh_TW.js" type="text/javascript" charset="utf-8"></script>

    <script type="text/javascript" charset="utf-8">
        $().ready(function() {
            var opts = {
                cssClass : 'el-rte',
                lang     : 'zh_TW',
                width    : 640,
                height   : 200,
                toolbar  : 'complete',
                cssfiles : ['css/elrte-inner.css']
            }
            $('#editor').elrte(opts);
        })
    </script>

2.在表單中的編輯框裡加上 id="editor" ,如:

<textarea id="editor"></textarea>

3.修改 doctype 為:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

 選項

OptionTypeDescription
doctypeStringDocType of editor window (iframe). Default - <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
cssClassStringCSS class for editor
cssfilesArrayArray of css files which will be included in editor (iframe)
absoluteURLsBooleanMake image URLs absolute
allowSourceBooleanAllow edit in HTML
langStringInterface language (requires inclusion of language file), default - English
styleWithCSSBooleanIf true - text will be formated using span-tag with style attribute, else - semantic tags like strong, em and other
heightNumberHeight of editor window in pixels
widthNumberWidth of editor window in pixels
fmAllowBooleanAllow use of file manager
fmOpenFunction(callback)Function which will be called to open file manager. Argument callback - function which editor passes to file manager on open. File manager must call this function with using URL of selected file as argument
toolbarStringToolbar to use

工具列

  • tiny: 最精簡的幾個基本功能
  • compact: 比 tiny 多了儲存、復原、對齊、列表、連結、全螢幕等功能。
  • normal: 比 compact 多了複製貼上、顏色選擇、邊距、區塊元件、圖片等功能。
  • complete: 比 normal 多了文字大小、樣式及格式等功能。
  • maxi: 比complete 多了表格功能

=======================================================================================================================

1.创建elrte 编辑器
$().ready(function() {
            var opts = {
                cssClass : 'el-rte',
                // lang     : 'ru',
                height   : 450,
                toolbar  : 'complete',
                cssfiles : ['css/elrte-inner.css']
            }
            $('#editor').elrte(opts);
        });
2.获得elrte 编辑器的值
jQuery("#editor").elrte('val');

3.给elrte 编辑器赋值
jQuery("#editor").elrte('val','<b>gu ding zhi</b>');

4.删除about 功能键
打开elrte.full.js 就是 被引用的elrte.js
    1.找到:elRTE.prototype.options的button属性 删除about
    2.找到:panels  属性 删除 about
    3.找到 buttons.about 方法 全部删除
    4.删除about 图标: 打开 elrte.full.css 找到 toolbar 对应的图片,background:url('../images/elrte-toolbar.png'),也就是:elrte-toolbar.png ,用ps删除 about的图标,找到:.el-rte .toolbar ul li.about  {background-position:-829px -5px;} 删除

5.扩展开发
添加一个myAdd按钮:和删除一致
    1.找到:elRTE.prototype.options的button属性 添加:'myAdd': 'myAdd element'
    2.找到:panels  属性 在fullscreen 内添加 myAdd
    3.添加myAdd 方法:
(
    function($){
        elRTE.prototype.ui.prototype.buttons.myAdd = function(rte, name)  {
          this.constructor.prototype.constructor.call(this, rte, name);

this.active  = true;
this.command = function() {
alert('test');
}
this.update = function() {
}
        }
    }
)(jQuery);

    4.添加图标:
    .el-rte .toolbar ul li.myAdd  {background-position:-829px -5px;}

资源下载链接为: https://pan.quark.cn/s/502b0f9d0e26 在当下互联网蓬勃发展的时代,流媒体技术已然成为多媒体内容传播与分享的关键手段,而 m3u8 格式凭借其基于 HTTP Live Streaming (HLS) 的特性,在在线视频、直播等诸多领域被广泛应用。不过,普通用户若想把 m3u8 链接下载下来,再转换成像 MP4 这样的本地离线观看文件,往往离不开一款专业的工具——m3u8 下载器。本文将深入剖析 m3u8 下载器的功能特点,以及其如何助力用户实现多任务下载、突破速度限制、将 ts 文件合并为 MP4 格式,还有处理加密视频等诸多功能。 m3u8 下载器核心功能是能从 m3u8 播放列表里解析出 TS 分片文件,并进行批量下载。TS 即传输流,是流媒体传输中常见的数据包形式。该下载器支持多任务下载,用户可同时操作多个 m3u8 链接,对于有大量视频下载需求的用户而言,这大大提升了下载效率。而且,m3u8 下载器在合法合规的前提下,通过优化下载策略,突破了常规网络环境下部分网站对下载速度的限制,让用户能更快速地获取所需多媒体资源。 此外,m3u8 下载器还能把 TS 文件合并成 MP4 文件。TS 文件是流媒体数据的片段,MP4 则是一种通用且便于存储、播放的格式。下载器会自动按顺序将所有 TS 文件合并,生成完整的 MP4 文件,极大简化了用户操作。更关键的是,它支持处理采用 AES-128-CBC 加密的 TS 文件。AES 是广泛使用的加密标准,CBC 是其工作模式之一,对于这类加密的 m3u8 视频,下载器能自动识别并解密,保障用户正常下载、播放加密内容。 m3u8 下载器还对错误进行了修正,优化了性能,有效解决了下载中断等问题,确保下载过程稳定。同时,软件在设计时将安全性作为重点,注重保护用户隐私,规避下载过程中的安全风
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值