将Div内容复制到文本区域或具有相同字体族样式的文本
Copy Div Content to Textarea or text with the same font-family style
我有一些代码可以将<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;
}
提前感谢:)
请记住,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');
}
#fontselect, #styledText {
font-family: Times New Roman;
font-size: 22px;
font-weight: bold;
cursor:pointer;
}
相关文章:
- 将Div内容复制到文本区域或具有相同字体族样式的文本
- 尝试在随机文本和图像脚本中添加样式/更改字体
- 用于更改链接文本的字体颜色的代码
- 如何按文本长度自动更改字体大小
- Javascript:是否可以在2D画布中为不同的文本设置不同的字体大小
- 文本框导致结构 JS 中的字体出现问题
- 更改UIWebView中的文本字体大小-如何设置textFontSize的初始值
- 如何在execCommand所见即所得编辑器中查找选定的文本字体大小和名称
- 增加了“上传”按钮的文本字体大小
- 如何在RaphaelJS中设置文本字体
- 使用 AngularJS 切换文本字体
- Div 中的文本/字体大小在 Firefox 的打印模式下与在“正常”模式下不同
- JavaScript:表中输入值的文本字体
- 在PopupPanel中添加图像和更改文本字体大小无效
- 通过css更改d3中特定文本的文本字体
- 文本字体调整大小
- 更改整个页面内容的文本字体大小
- 在Fabric.js中更改文本字体
- 根据用户输入更改文本/字体颜色
- 标题按钮's文本/字体-重量无意中改变