2

ユーザーがフォントのスタイル、サイズ、色を変更できるHTMLのテキスト領域を作成するにはどうすればよいですか。私は無駄に検索するのに約1時間を費やしました。ユーザーがデータを入力できるシンプルなテキストボックスを見つけることができますが、フォントサイズのスタイルと色を変更することはできません

ありがとう

4

5 に答える 5

2

カスタム構成のツールバーでTinyMCEテキストエディタを使用してみてください（不要なツールバーボタンをオフにする必要があります）

于 2013-03-21T04:17:04.890 に答える
2

textarea（WYSIWYG）エディターをお探しだと思います。あなたはグーグルでもっと見つけることができます。これらを試してみてください

CKEditor

デモ：http ：//ckeditor.com/demo

TinyMCE

デモ：http ：//www.tinymce.com/tryit/full.php

詳細については、これらのリンクをチェックして、その他の編集者を確認してください。

http://web.enavu.com/tutorials/14-jquery-and-non-jquery-rich-text-editors/

http://www.webdesignerdepot.com/2008/12/20-excellent-free-rich-text-editors/

于 2013-03-21T04:22:11.080 に答える
1

最も基本的には、JavaScriptを作成する必要があるかもしれません。

たとえば、4pxから30pxまでのフォントサイズを表示するドロップダウンがある可能性があります。例：

<textarea id="textarea1">test 123</textarea>
<select onchange="textarea1.style.fontSize = this.value;">
     <option value="12px" selected="selected">12px</option>
     <option value="4px">4px</option>
     <option value="30px">30px</option>
</select>

背景色を変更する場合、onchangeコードはtextarea1.style.backgroundColor = this.value;、おそらく#ff0000赤、#00ff00緑などの値になります。

スタイルを変更するには、次のようないくつかのifステートメントが必要になる場合があります。

if(this.value == 'u')
    textarea.style.textDecoration = 'underline';
else
    textarea.style.textDecoration = '';
if(this.value == 'i')
    textarea.style.fontStyle = 'italic';
else
    textarea.style.fontStyle = 'normal';
if(this.value == 'b')
    textarea.style.fontWeight = 'bold';
else
    textarea.style.fontWeight = '';

ただし、太字のイタリックなどの組み合わせスタイルに対応するために、上記のコードを少しカスタマイズする必要がある場合があります。

于 2013-03-21T04:11:50.910 に答える
0

これを試して

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
  #container {width:100%; text-align:center;}

</style>
</head>

<body>
<div id="container">
<textarea name="mytextarea" cols="10" rows="10" style="font-family:comic sans ms"></textarea>
</div>
</body>
</html>
于 2013-03-21T04:02:33.607 に答える
0

これを試して ：-

$('btn1').click(function(){
$('textarea').css("font-style","italic");
}

スタイルごとにボタンのリストを作成してから、cssメソッドの2番目のパラメーターを必要に応じて変更する必要があると思います。

于 2013-03-21T04:17:42.497 に答える