1. 程式人生 > >在網頁中新增即時翻譯器stardict

在網頁中新增即時翻譯器stardict

怎樣在其他網頁上使用“即時翻譯”?
收藏下面的這個程式碼,或者直接把它拖到您的工具欄:
javascript:void((function()%20{var%20element=document.createElement('script');%20element.setAttribute('src',%20'http://www.stardict.cn/initselect.php');%20document.body.appendChild(element);})())
然後開啟任意網頁,並且點選工具欄上的StarDict連結。
How to add "Select and Translate" in your website?

Put these codes in your website:
<script src="http://www.stardict.cn/js/stardict.js" type="text/javascript"></script>
<script type="text/javascript">
dictInit();
</script>
You can add "dict_username" and "dict_md5passwd" into this script, so you can use custom dictionaries.
eg.
<script src="http://www.stardict.cn/js/stardict.js" type="text/javascript"></script>
<script type="text/javascript">
dict_username="qinpengxiao";
dict_md5passwd="b9517b1e961f837be133cd172eb361cd";
dictInit();
</script>
Enable translate opinion:
If you want to show a "Enable translate opinion" in your webpage, put these codes in suitable place:
<span id="dict_status"></span>
* If you want to disable "Select and Translate" by default, add dict_enable=false; before dictInit();

Provide Dictionary Lookup Service in your website.
Insert these codes in your web page: Preview:
<form method="post" target="_blank"
action="http://www.stardict.cn/query.php">
<input maxlength=256 size=21 name=q /><br>
<a href="http://www.stardict.cn" target="_blank">StarDict</a>
<input type="hidden" name="cs" value="UTF-8" />
<input type="submit" value="Look Up" />
</form>
* You may need to change "UTF-8" to the charset that you are using in your web page.

由於CSDN的編輯器中不能直接使用javascript(在編輯階段會被直接過濾,不知CSS會否),所以沒有在次頁面實現即時翻譯。

這個功能其實可以拓展為在網頁中新增google custom search,同樣的道理。

相關推薦

網頁新增即時翻譯器stardict

怎樣在其他網頁上使用“即時翻譯”? 收藏下面的這個程式碼,或者直接把它拖到您的工具欄:javascript:void((function()%20{var%20element=document.createElement('script');%20element.set

網頁新增CSS樣式表的四種方式

1.內嵌樣式 <p style="color: sienna;margin-left: 20px;">  這是一個段落  </p>  <!--這個段落顏色為土黃,左邊距為20象素-->2.匯入外部樣式表 a <head>  

如何在網站網頁新增音樂程式碼

告訴你多種格式檔案的詳細使用程式碼。    width_num——指定一個作為寬度的數字;    height_num——指定一個作為高度的數字;     1.mp3    <embed controller="true" width="width_num" heig

HTML5:向網頁新增視訊和音訊

向網頁中新增視訊:video標籤的使用 video標籤有很多屬性用於控制視訊的播放: src 用於指定視訊檔案的路徑。 poster 用於指定一個影象,在當前視訊播放之前或視訊資料無效時顯示(預覽圖)。視訊資料無效可能是視訊正在載入,可能是視訊地址

網頁新增富文字編輯器——UEditor的使用

今天專案中接到了一個新的需求,原本的功能是jsp頁面中的 新聞釋出+附件上傳,可是客戶說要改成釋出新聞的時候可以  自由排版+插入圖片+附件上傳  的功能。原來的功能是由一個文字域來實現的,然後在controller接收到文字域的內容時,用html標籤替換所有的空格和回車符。

JQuery在網頁新增內容

1.在指定元素裡面新增 apped()  - 在被選元素結構插入內容 prepend() - 在被選元素的開頭插入內容 在指定元素外面新增 after() -在被選元素之後插入內容 before()

怎麼在vue專案的瀏覽器網頁標題新增小圖示

1.專案需求:在網頁標題處新增小圖示 如下所示   2.在Vue專案資料夾目錄中找到index.html 如下所示 3.將所需圖示放在static目錄下 如下所示 為什麼放在static目錄下,而不是放在src目錄下呢? 因為放在src下瀏

Python 爬取網頁JavaScript動態新增的內容(二)

使用 selenium + phantomjs 實現 1、準備環境 selenium(一個用於web應用程測試的工具)安裝:pip install selenium phantomjs(是一種無介面的瀏覽器,用於完成網頁的渲染)下載:http://phantomjs.or

Python 爬取網頁JavaScript動態新增的內容(一)

當我們進行網頁爬蟲時,我們會利用一定的規則從返回的 HTML 資料中提取出有效的資訊。但是如果網頁中含有 JavaScript 程式碼,我們必須經過渲染處理才能獲得原始資料。此時,如果我們仍採用常規方法從中抓取資料,那麼我們將一無所獲。那麼,通過Web kit可以簡單解決這個

Flask新增favicon.ico網頁小圖示

說明 匯入favicon.ico時要注意每次請求的時間,在flask專案首次開啟的時候,瀏覽器會預設傳送GET請求 ,favicon.ico如果被放在靜態資料夾static資料夾下,可以使用python系統函式 get_static_file() 可以取到指定的靜態檔案。 @index_blue.r

如何在mfc對話方塊新增一個顯示網頁的視窗

這個要用到 ActiveX 控制元件了,向對話方塊裡面插入一個 WebBrowser控制元件,之後使用就可以了!=============================利用WebBrowser控制元件建立自己的瀏覽器①新建一個基於對話方塊的工程,命名為test,然後在對話方塊上單擊右鍵,選擇Insert A

在JAVA新增openlayer3的js包製作地圖,使用geoserver釋出地圖,將釋出的地圖連線到網頁

1 首先下載OpenLayers 3所需資料 OpenLayers 3的官網是http://openlayers.org/,若記不住,請儲存到收藏夾。在官網首頁上,即可看到相關的介紹,文件,API,以及Examples連結,這些資料都跟隨最新的版本實時更新。 向工程中新增 新

python解析網頁javascript動態新增的內容 一

最近,想從中國天氣網上抓取資料,其中的網頁上的實時天氣是使用javascript生成的,用簡單的標籤解析不到。原因是,那個標籤壓根就沒再網頁當中。 所以,google了下python怎麼區解析動態網頁,下面文章對我很有幫助。 因為我只希望在mac下解析,所以我並沒有使用擴

js給網頁所有p元素新增onclick事件

<script type="text/javascript">     var p=document.getElementsByTagName("p");     alert(p.length);      for(var i=0;i<p.length;i

jQuery 練習一:給網頁所有的 元素新增 onclick 事件

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>jquery</title> <script src="js

網頁無法新增微信好友怎麼辦?如何一鍵喚起微信新增好友?

近期有發現越來越多的廣告行業的商家都在尋找如何提升個人微信吸粉的通道,因為成本暴漲,各個廣告渠道又不是很穩定,所以很多人都在諮詢如

如何將 JavaScript 程式碼新增網頁,以及 <script> 標籤的屬性

Hello, world! 本教程的這一部分內容是關於 JavaScript 語言本身的。 但是,我們需要一個工作環境來執行我們的指令碼,由於本教程是線上的,所以瀏覽器是一個不錯的選擇。我們會盡可能少地使用瀏覽器特定的命令(比如 alert),所以如果你打算專注於另一個環境(比如 Node.js),你就不

怎樣把報表放到網頁顯示(Web頁面與報表簡單集成樣例)

nal 嵌入 自己 rim 框架 ram art ner prim 1.問題描寫敘述 如今用戶開發的系統基本上趨向於BS架構的瀏覽器/server模式。這些系統可能由不同的語言開發。如HTML、ASP、JSP、PHP等。因此須要將制作好的報表嵌入到這些頁面中。 Fine

logo.ico在html網頁的實現

元素 美國 其他 對戰 cnblogs img 多人 load mar <!doctype html><html> <head> <meta charset="utf-8"/> <title>英雄聯盟_百度百科

Oracle12.2新增的分區功能

功能 防止 新功能 時間 如果 針對 alt 關鍵字 只讀 Oracle 12.2已經發布一段時間,公網上也可以下載試用。針對12.2,partitioning(分區)也有了不少增強。自動列表分區多字段列表分區只讀分區分區維護時允許過濾在線轉換非分區表為分區表帶分區的外部