Question

向网页添加文字时，最佳做法是使用本地化资源，或者至少从Word（或任何其他语法/拼写检查程序）等程序中复制/粘贴文本。话虽如此，开发者只是“更新它”，“总是”有几个词。

我的问题是，其他人如何检查网页上的拼写错误？我有一个解决方案（我将作为一个可能的答案发布），但寻找其他想法。

Answer 1

您可以在javascript库中添加一个函数来抓取所有文本并将其放在文本框中，然后在Chrome之类的浏览器中触发本机拼写检查器。

function SpellCheck()
{
    var ta=document.createElement('textarea'); 
    var s=document.createAttribute('style'); 
    s.nodeValue='width:100%;height:100em;'; 
    ta.setAttributeNode(s); 
    ta.appendChild(document.createTextNode(document.body.innerText)); 
    document.body.appendChild(ta); 
    ta.focus(); 
    for (var i = 1; i <= ta.value.length; i++)
        ta.setSelectionRange(i, i);
}

代码来自：http://developer42.wordpress.com/2011/03/28/button-to-spell-check-a-web-page-in-google-chrome/

Answer 2

我在上面发表了评论，然后我使用了第一个答案中的想法将其添加到我的开发环境中：

function showPageSource()
{
    var text = document.body.innerText;

    var textarea = document.createElement('TEXTAREA');
        textarea.style.position = 'absolute';
        textarea.style.opacity  = 0.95;
        textarea.style.zIndex = 999;
        textarea.style.top      = '25px';
        textarea.style.left     = '25px';
        textarea.style.width    = 'calc(100% - 50px)';
        textarea.style.height   = '500px';
        textarea.value          = text;
    document.body.appendChild(textarea);

    textarea.addEventListener('click',  function (e)
    {
        e.stopPropagation();
    }, false);

    document.body.addEventListener('click', function (e)
    {
        textarea.parentNode.removeChild(textarea);
    }, false);
}

然后再添加一个类似这样的标签来显示酱汁：

<a href="javascript:showPageSource()">SHOW PAGE SOURCE</a>

在导航中显示了很多废话，但我可以接受。

拼写的最佳方式检查网页

2 个答案: