Question

我正在使用WYSIWYG编辑器，它有按钮IncreaseFontSize（就像在MS Office中一样）。我试图使这个按钮工作，但没有成功。每次所有选定的元素都具有相同的字体大小。这是一个例子：

<div contenteditable="true">
    <p>
         Some
         <span style="font-size: 20pt">Text</span>
         <span style="font-size: 32pt">Some</span>
         Text
    </p>
</div>

以下是我的代码的一部分

var html = $(rangy.getSelection().toHtml());
var firstValue = html.find('.fontSize').first().css('font-size').replace('px', '');

html.find('.fontSize').each(function () {
    $(this).css('font-size', parseInt(firstValue) + 1);
});

当我选择所有文本并单击此按钮时，所有spans都具有相同的字体大小（例如21pt，因为我的函数仅考虑第一个span）。那么我该如何做可以单独增加每个元素字体大小的脚本（使用JavaScript或/和JQuery）？谢谢你的帮助。

Answer 1

您正在抓取第一个范围的值，将其存储在SqlCommand cmd = new SqlCommand("SELECT districtid, COUNT(id),MONTH(registerDate) FROM StreetCrimes GROUP BY districtid,MONTH(registerDate)",connectionString) int crimeCount = CInt(cmd.ExecuteScalar());中，然后将所有范围的字体大小设置为firstValue。由于您的第一个跨度是20px，所以一切都设置为21px

因此，如果您在单击按钮时尝试将每个跨度增加1px，则可以这样做：

firstValue + 1

JavaScript - 增加contenteditable div中选择的字体大小

1 个答案: