修改简化文件大小后的案例下载:下载文件到本地 也可以到官方网站下载最新的基于jquery的.
1 html
<code class="language-html"><textarea id="txtcontent" runat="server" name="elm1″ rows=" cols="80″ style=" width:80></textarea></code>
2 js引用
首先引用tiny_mce.js和jquery-1.4.2.min.js
tinyMCE的调用:
<code class="language-html"><script type="text/javascript"> tinyMCE.init({ // 通用参数配置 mode : "textareas", theme : "advanced", plugins :"pagebreak,style,layer,table,save", // 主题参数配置 theme_advanced_buttons1 :",bold,italic,underline,strikethrough", theme_advanced_buttons2 : "", theme_advanced_toolbar_location : "top", theme_advanced_toolbar_align : "left", theme_advanced_statusbar_location : "bottom", theme_advanced_resizing : true, // 在此处可以更换您自己的样式 content_css : "css/word.css", external_link_list_url : "lists/link_list.js", // Replace values for the template plugin template_replace_values : { username : "Some User", staffid : "991234″ } }); </script></code>
参数详解:
mode:textareas或者exact
elements:配合mode中exact使用,它的值为html中要使用的textaear的id或name名称
theme:所使用的样式
skin:找到相应的skin目录下样式
skin_variant:skin目录下的文件css选择,如:skin_variant : "black"表示:skins\o2k7\ui_black.css
plugins:plugins文件夹下插件的选择使用
theme_advanced_buttons1:第一行的功能按钮显示,一下以此类推theme_advanced_buttons2等等
3 扩展
向输入框中通过js追加一个图片并显示,js代码如下:
<code class="language-javascript">tinyMCE.execCommand(‘mceInsertContent’,false,"<p><img src="%5C%22../images/house.jpg%5C%22" alt='\"\"' style="max-width:90%"588\"' height='\"419\"'></p>");</code>
通过js获取输入框内容,代码如下:
<code class="language-javascript">tinyMCE.getInstanceById(‘txtcontent’).getBody().innerHTML</code>

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン

MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

SublimeText3 中国語版
中国語版、とても使いやすい

Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

ホットトピック



