SyntaxHighlighter 去掉右側滾動條的方法_網頁編輯器

來源:腳本之家  責任編輯:小易  

Ctrl+E 顯示/隱藏交互窗口Ctrl+D 顯示/隱藏代碼窗口Ctrl+I 全文調整縮進Ctrl+Shift+V 粘貼時自動縮進Ctrl+T 新建標簽Ctrl+W 關閉當前窗口(或標簽)Ctrl+R或F5 運行www.anxorj.tw防采集請勿采集本網。

在Chrome瀏覽器中代碼區始終有一個滾動條,firefox不會有這種情況。網上有很多解決方法,修改plugin/syntaxhighlisghter/3.0.81/css目錄下shCoreDefault.css中的..syntaxhighlighter區域,加上padding:1px;就可以了。

我在第一次安裝插件時就犯了這個錯誤,在安裝SyntaxHighlight插件時把整個文件夾都復制過去了,結果在 工具|插件 列表里一直沒出現SyntaxHighlight字樣。后來把該文件夾下文件和子文件夾拷貝過去才解決這

.syntaxhighlighter { width: 100% !important; margin: 1em 0 1em 0 !important; position: relative !important; overflow: auto !important; font-size: 1em !important; padding:1px;/*就是這個*/}

工具:word2010 通過工具欄的熒光筆可以設置代碼高亮。步驟1:打開word文檔 步驟2:如要高亮函數名test,則選中test,點擊【熒光筆】。步驟3:效果如下

下面是其他網友的補充

value 必需。要轉換的 JavaScript 值(通常為對象或數組)。replacer 可選。用于轉換結果的函數或數組。如果 replacer 為函數,則 JSON.stringify 將調用該函數,并傳入每個成員的鍵和值。使用返回值而

SyntaxHighlighter這個是一個高亮插件,F在被用于很多網站的代碼顯示。但是SyntaxHighlighter3.0.83,由于自適應寬和高,導致一直有滾動條的問題。

修改一下顏色主題就可以了。菜單欄:Settings-Syntax Highlight and Fonts 打開 Syntax Highlight 對話框,然后在下面的Colouring scheme里選擇Default就行了,點擊下面的Ok就可以了,也可以點擊Apply預覽

其實這個問題可以修改css文件可以去掉。修改主題文件shCoreDefault.css(默認模版)

DroidEdit Pro(code editor)是一款適用于手機或者pad的文檔編輯器,具有Syntax Highlight(Syntax Highlight(語法高亮)是指把文本的不同內容用不同的顏色,字體等渲染,通過這種方式,用戶可以

去掉右側滾動條:

大概在shCoreDefault.css文件39行位置:

padding:0 !important;

修改為:

padding: 1px 0 !important;

網上可能是36行 margin: 0 !important;修改為 margin:1px 0 !important;這樣修改雙擊選中后會有錯位問題。

去掉下側的滾動條:

其實我也沒有找到兩全其美的方法,為什么這么說呢。這里我提供2種方法,但是多有缺陷。

建議:還是輸代碼的時候注意長度的,只要不超過一定的長度,是不會出現滾動條的。

1.自動換行

.syntaxhighlighter .line {

white-space: pre !important;

}

修改這個pre為normal的話,前面的行數就會錯位。

2.自動隱藏

.syntaxhighlighter {

width: 100% !important;

margin: 1em 0 1em 0 !important;

position: relative !important;

overflow: auto !important;

font-size: 1em !important;

}

修改overflow的auto為hidden,超過自動隱藏。這個方法更美觀點,但是不方面查看代碼。

到此這篇關于SyntaxHighlighter 去掉右側滾動條的方法的文章就介紹到這了,更多相關SyntaxHighlighter滾動條內容請搜索真格學網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持真格學網!

有一款Code Editor的插件,可以搜索一下這個名字,就可以搜索出來了,然后點擊add.關于頁面如何支持代碼高亮,就直接下載syntaxhighlighte插件吧,有很完整的demo,內容來自www.anxorj.tw請勿采集。


  • 本文相關:
  • fckeditor 插件開發參考文檔
  • fck判斷內容是否為空(如果只是去空格,那么這種方式是錯誤的)
  • ewebeditor 不能粘貼或復制的解決方法
  • 百度ueditor編輯器使用教程與使用方法(圖文)
  • 百度編輯器ueditor前臺代碼高亮無法自動換行解決方法
  • fckeditor編輯器添加圖片上傳功能及圖片路徑問題解決方法
  • xheditor的異步載入實現代碼
  • fckeditor 網頁在線編輯器的使用方法
  • prism 代碼高亮修改不包含 code 標簽的支持
  • fckeditor超級鏈接默認新窗口打開的修改方法
  • 能不能整合這個SyntaxHighLight插件
  • DrRacket的快捷鍵有哪些?以及能不能Syntax Highlight?
  • 代碼高亮 crayon syntax highlight 插件 中奇偶行不同顏色 怎么實現
  • 如何給wiki安裝syntaxhighlight
  • 如何安裝Windows Live Writer插件
  • Word中怎么設置代碼高亮
  • 如何實現json數據可視化詳解
  • 為什么codelite的編程界面是黑的呢,之前是白的,求大神解決怎么改成白的
  • droidedit pro中的xml怎么用
  • mac的sublime text3代碼只有完成時間沒有結果
  • 網站首頁網頁制作腳本下載服務器操作系統網站運營平面設計媒體動畫電腦基礎硬件教程網絡安全javascriptasp.netphp編程ajax相關正則表達式asp編程jsp編程編程10000問css/htmlflex腳本加解密web2.0xml/rss網頁編輯器相關技巧安全相關網頁播放器其它綜合dart首頁網頁編輯器fckeditor 插件開發參考文檔fck判斷內容是否為空(如果只是去空格,那么這種方式是錯誤的)ewebeditor 不能粘貼或復制的解決方法百度ueditor編輯器使用教程與使用方法(圖文)百度編輯器ueditor前臺代碼高亮無法自動換行解決方法fckeditor編輯器添加圖片上傳功能及圖片路徑問題解決方法xheditor的異步載入實現代碼fckeditor 網頁在線編輯器的使用方法prism 代碼高亮修改不包含 code 標簽的支持fckeditor超級鏈接默認新窗口打開的修改方法19款javascript富文本網頁編輯器免費開源百度編輯器(ueditor)使用ewebeditor 輯器按鈕失效 ie8下eckeditor/fckeditor 使用 ckedit徹底解決ewebeditor網站后臺不能解決fckeditor在ie10、ie11下的不javascript 在線文本編輯器實現代asp.net+fckeditor上傳圖片顯示叉頁面嵌入windows media player播修改fckeditor的文件上傳功能步驟百度ueditor組件上傳圖片后如何設置img里最新版ckeditor的配置方法及插件(plugin)ckeditor 取消轉義的兩種方法syntaxhighlighter 語法高亮插件的使用教解決syntaxhighlighter 代碼高亮不換行問fckeditorapi 手冊 js操作獲取等xheditor的異步載入實現代碼cuteeditor 編輯器的字體樣式無法控制的解ckeditor與syntaxhighlight打造joomla代碼19款javascript富文本網頁編輯器
    免責聲明 - 關于我們 - 聯系我們 - 廣告聯系 - 友情鏈接 - 幫助中心 - 頻道導航
    Copyright © 2017 www.anxorj.tw All Rights Reserved
    陕西快乐10分下载