1. 程式人生 > >Sharepoint 文字編輯器 content editor web part

Sharepoint 文字編輯器 content editor web part

Sharepoint 作為一個團隊協作軟體工具,可以幫助企業使用者輕鬆完成日常工作中諸如文件審批、線上申請等業務流程,同時提供多種介面實現後臺業務系統的整合。

Sharepoint Sever 提供了網站模板和其他功能,可以快速有效地建立支援特定內容釋出、內容管理、記錄管理或組織可能需要的商務智慧的網站。也就是說,個人或企業可以通過 Sharepoint Sever 開發一個門戶站點,在此基礎上可以建立網頁並進行個性化定製,相關內容可以通過這個網頁釋出。管理和設計人員可以通過在Client端,自定義 web部件 以實現相關功能,或通過 Sharepoint Designer

進行開發,還可以通過 Microsoft Visual Studio .NET 進行開發。

本文采用的是第一種方法,即通過 Sharepoint Online 進行相關開發。該方法不依賴第三方軟體,任何擁有Designer許可權的使用者都可以在某個已有的站點下,自定義建立網頁,並在該網頁上新增一些部件,以實現所需的功能,這些部件是 Sharepoint 提供的。當然,倘若有html、css、js基礎,還可以通過這些部件新增一些自定義功能,更加直觀的展示相關內容,給網站訪問者提供更友好的使用者體驗。

Sharepoint 中的文字編輯器content editor web part)是很強大的一個web部件,它可以在網頁上新增自定義內容,同時還支援html、css和js

。可以通過文字編輯器新增程式碼,實現一些簡單的需求。首先需要在該站點建立一個網頁,然後在該網頁上新增web部件,並進行相關設定。

一、在站點建立網頁(add a page)

1. 開啟站點,點選右上角齒輪標誌,點選 site content。

2. 再點選 add a app。

3. 有一些app可以新增,建立網頁選擇 Wiki Page library,填寫Title和Description(選填)即可建立一個儲存網頁的Libary。

這樣,就建立好了一個空頁面。之後,我們可以通過向頁面新增web部件,來展示我們所需內容。文字編輯器是最常用且強大的web部件之一,下面簡要介紹一下web部件的新增方法,以及文字編輯器的基本功能。

 

二、在網頁新增web部件(add web part)

以下視訊介紹瞭如何新增web部件:

https://www.youtube.com/watch?v=ZXobrENzcF0 

基本步驟是:

1. 右上角齒輪點選Edit page。

2. 上方ribbon,點選INSERT,點選Web Part。

3. 選擇Media and Content - Content Editor,點選Add。

 

三、文字編輯器(content editor web part)基本功能

1. 三種新增文字的方式

富文字編輯器:直接輸入文字,單擊視窗頂部標準和格式化工具欄上的按鈕,以輸入內容或設定相應格式。

源編輯器:可以使用源編輯器輸入或修改HTML原始碼。源編輯器是一個純文字編輯器,適用於熟悉HTML語法的使用者。

文字連結:可以通過輸入包含HTML原始碼文字檔案的超連結,來新增內容,而不需直接在文字編輯器中編輯內容。這種方式和直接編輯的方式可以結合使用。

2. 文字編輯器的一些公共屬性

可以點選web部件右上角,選擇edit web part開啟工具窗格,來設定文字編輯器的一些屬性。主要包括 外觀(Appearance),佈局(Layout) 和 高階(Advanced) 。

具體描述可以參考Microsoft的相關文件:

https://support.office.com/en-us/article/Content-Editor-Web-Part-C1350FF6-934C-4C2E-8E53-1EC3B548A0DC