0

<div>コンテンツをにコピーする特定のコードがあり<textarea>ますが、のスタイル（フォントファミリ）をコピーしません<div>。通常のフォントで貼り付けます。この問題を解決するにはどうすればよいですか？

HTML

<input type="text" id="styledText" placeholder="Place your Name..." size="50" name="styledText" class="changeMe">
<div id="fontselect" class="changeMe" onClick="copyText()" style="font-family: Times New Roman;font-size: 22px; font-weight: bold; cursor:pointer;">Place your Name...</div>

Javascript

function copyText() {
    var output = document.getElementById("fontselect").innerHTML;
    document.getElementById("styledText").value = output;
}

前もって感謝します ：）

4

2 に答える 2

2

は挿入されたすべてfont-familyのテキストに適用されるため、個別にスタイル設定された単語/コンテンツは区別が失われることに注意してください。

function copyText() {
    var output = document.getElementById("fontselect"),
        textElem = document.getElementById("styledText");
    textElem.value = output.value;
    textElem.style.fontFamily = window.getComputedStyle(output,null).fontFamily || output.style.fontFamily || output.currentStyle.getCurrentProperty('font-family');

}
于 2012-09-04T15:09:52.413 に答える
0 
#fontselect, #styledText {
    font-family: Times New Roman;
    font-size: 22px;
    font-weight: bold;
    cursor:pointer;
}
于 2012-09-04T15:11:48.347 に答える