WYSIWYGエディタの仕事

見積もり募集の結果

募集期間

4日間

提案数

1件

閲覧数

1345回

実際の発注内容

実際の支払金額
30,000 円 ~ 40,000
実際の受注者
実際のスケジュール
依頼作成
発注先決定
0日
入金(作業開始)
0日
納品完了
1日
(作業開始から1日)

見積もり募集の内容

提示した予算
5,000 円 ~ 50,000 円
依頼概要
自社専用のWYSIWYGエディタを作成しております。
選択したテキストのサイズ、色などの情報及び配置されている画像のファイル名を取得する部分のプログラムをお願いいたします。
下記テスト版は「queryCommandValue」にてテキストに設定されたフォントサイズのみ取得できている状態です。
(Internet Explorerのみ対応のコマンドです)

制作していただきたいのは選択したテキストのカラーを取得、選択した画像のURL及びidの取得の2点を追加したプログラムです。
カラーは「#******」で取得できるようにしていただきたいです。
Internet Explorerだけでなく、FireFoxでも動作可能でお願いいたします。


//以下テスト版のコード/////////////////////////////////////////////////////

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">
<script type="text/javascript">

onload = function() {

if (document.all) {
// IE
doc = frames[0].document;
} else {
doc = document.getElementById("edit").contentDocument;
}
doc.designMode = "on";
}

function AAA(){
var style = doc.queryCommandValue("fontsize");
alert(style);
}

</script>

</head>

<body>
<iframe id="edit" width="500px" src="test.html"></iframe>
<br>
<a href="javascript:AAA()">取得</a>
</body>
</html>

//iframeに読み込まれるファイル/////////////////////////////////////////////

<div>
<img src="img.jpg" id="test">
<font size="7">ダミーテキスト</font>
</div>