ホームページ ウェブフロントエンド htmlチュートリアル HTMLエディタの使用 kindeditor_html/css_WEB-ITnose

HTMLエディタの使用 kindeditor_html/css_WEB-ITnose

Jun 24, 2016 am 11:48 AM

1. KindEditor の最新バージョンをダウンロードします。

2. パスが正しく設定されていれば、Web サイトのディレクトリ (任意のディレクトリ) に kindeditor を配置します。

3. TEXTAREA 入力ボックスを追加して、エディターの場所を表示します。すでに TEXTAREA がある場合は、ID を属性に追加するだけです。

<textarea id="content_1" name="content" style="width:700px;height:300px;"></textarea>


4. 対応するページに kindeditor への参照を追加します。 , 次のコードを追加します:

<script type="text/javascript" charset="utf-8" src="/editor/kindeditor.js"></script>
<script type="text /javascript ">
KE.show({
id : 'content_1' //TEXTAREA 入力ボックスの ID
});
</script>

src=.... これは、 kindeditor Variety の配置。

textarea のテキスト コンテンツを取得します。
1. 非表示の入力とボタンを追加します。コードは次のとおりです。
<input id="content_1_1" type="hidden" runat="server" value="" />
<asp:Button ID="Button1" runat="server" Text=" Save "OnClientClick="save();" OnClick="Button1_Click" CssClass="i_1" />

イベント処理コードを追加します

1まず、サーバーコードの前に実行されるクライアントコードは次のとおりです。保存するときに content_1_1 の値を保持してください。
2. サーバー コード。コードは次のとおりです。


protected void Button1_Click(object sender, EventArgs e)
{
値に達しているため、ここに実行したいサーバー コードを記述します。
}


このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は? 公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は? Mar 04, 2025 pm 12:32 PM

公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は?

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか?

&lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? &lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

&lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか?

WebページのPNG画像にストローク効果を効率的に追加する方法は? WebページのPNG画像にストローク効果を効率的に追加する方法は? Mar 04, 2025 pm 02:39 PM

WebページのPNG画像にストローク効果を効率的に追加する方法は?

&lt; meter&gt;の目的は何ですか 要素? &lt; meter&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

&lt; meter&gt;の目的は何ですか 要素?

&lt; datalist&gt;の目的は何ですか 要素? &lt; datalist&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

&lt; datalist&gt;の目的は何ですか 要素?

ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? Mar 20, 2025 pm 05:56 PM

ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか?

&lt; Progress&gt;の目的は何ですか 要素? &lt; Progress&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

&lt; Progress&gt;の目的は何ですか 要素?

See all articles