[發明專利]基于網頁的內容編輯方法和編輯器

在審

• 申請號: 201710467309.5
• 申請日: 2017-06-20
• 公開（公告）號: CN107832317A
• 公開（公告）日: 2018-03-23
• 發明（設計）人: 李晨曦;郝建龍;呂寶鯤;張起暉
• 申請（專利權）人: 越野一族（北京）傳媒科技有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30;G06F3/0481
• 代理公司: 北京易光知識產權代理有限公司11596
• 代理人: 常春

技術領域

本發明涉及編輯器技術，尤其涉及基于網頁的編輯器技術。

背景技術

傳統的編輯器為內容編輯器，在編輯過程中圖文混排時非常浪費時間的精力，排版時間很長，完成編輯并發表后會存在整體文章樣式上的不符合，再次修改時會存在文章字數長不方便編輯或找不到相應的編輯位置。

發明內容

本申請的實施例公開了一種基于網頁的內容編輯方法：包括構建框架層，所述框架層包括模塊框架對象嵌入區域以及用于在所述模塊框架對象嵌入區域中嵌入至少一個模塊框架對象的至少一個模塊框架對象添加控件；監聽用戶對所述至少一個模塊框架對象添加控件中的特定的模塊框架對象添加控件的觸發；響應用戶對所述觸發彈出層，其中所述彈出層至少包括本地圖片選擇功能；監聽用戶對本地圖片選擇功能的選定，關閉所述彈出層，并在所述框架層的所述模塊框架對象嵌入區域創建包含所述選定的圖片的模塊框架對象；其中，將所述創建的包含所述圖片的模塊框架對象按照所述至少一個模塊框架對象的創建順序顯示于所述模塊框架對象嵌入區域。

本申請的實施例公開了一種基于網頁的內容編輯方法：包括構建包括框架層，所述框架層包括模塊框架對象嵌入區域以及用于在所述模塊框架對象嵌入區域中嵌入至少一個模塊框架對象的至少一個模塊框架對象添加控件；監聽用戶對所述至少一個模塊框架對象添加控件中的特定的模塊框架對象添加控件的觸發；響應用戶對所述內容對象添加控件的觸發彈出層，在所述彈出層提供關聯部，在所述彈出層提供關聯部，其中所述關聯部指向上傳圖片功能；向圖片傳輸控制設備請求通過上傳圖片功能上傳至由所述圖片傳輸控制設備控制的圖片服務器的圖片；請求成功后，關閉所述彈出層并從所述圖片服務器接收與所述編輯器相關聯的所有圖片的數據；對所述圖片數據進行重排和過濾得到需要的圖片數據；對所述需要的圖片數據進行解析得到需要的圖片；將所述需要的圖片與所述特定的模塊框架對象相關聯；并在所述第一層的所述模塊框架對象嵌入區域創建包含所述特定的模塊框架對象。

本申請的實施例還公開了一種基于網頁的內容編輯器，其包括第一層構建功能，用于構建包括框架層，所述框架層包括模塊框架對象嵌入區域以及用于在所述模塊框架對象嵌入區域中嵌入至少一個模塊框架對象的至少一個模塊框架對象添加控件；彈出層構建功能，響應用戶對所述至少一個模塊框架對象添加控件中的特定的模塊框架對象添加控件的觸發，構建彈出層，所述彈出層具有關聯部，其中所述關聯部指向上傳圖片功能；請求功能，用于向圖片傳輸控制設備請求通過上傳圖片功能上傳至由所述圖片傳輸控制設備控制的圖片服務器的圖片；傳輸功能，關閉所述彈出層并從所述圖片服務器接收與所述編輯器相關聯的所有圖片數據；重排和過濾功能，用于對所述圖片數據進行重排和過濾得到需要的圖片數據；解析功能，用于將所述需要的圖片數據解析成需要的圖片；模塊框架對象創建功能，用于根據所述需要的圖片創建包含所述需要的圖片的模塊框架對象；以及排序功能，用于將所述創建的包含需要的圖片的模塊框架對象按照所述至少一個模塊框架對象的創建順序顯示于所述模塊框架對象嵌入區域。

本申請的實施例提供了一種為基于網頁的編輯器提供圖片的方法，包括加載上傳圖片功能，所述上傳圖片功能存儲于基于網頁的編輯器的彈出層提供的關聯部指向上傳圖片功能的地址；生成上傳按鈕；監聽上傳按鈕的觸發狀態；按鈕被觸發后，調用運行該上傳圖片功能的終端的瀏覽器內置函數；再調用所述終端的底層函數啟動終端內部的拍照功能或打開相冊功能；拍照獲得圖片或者選中一張或多張手機相冊中的已有圖片；將所述圖片上傳至由圖片傳輸控制設備控制的圖片服務器。

本申請的一些實施例提供了一種為基于網頁的編輯器提供圖片的系統，包括上傳圖片功能，所述圖片上傳功能存儲于基于網頁的編輯器的彈出層提供的關聯部指向上傳圖片功能的地址；所述上傳圖片功能包括：生成上傳按鈕的子功能；監聽上傳按鈕的觸發狀態子功能；按鈕被觸發后，調用運行該上傳圖片功能的終端的瀏覽器內置函數；再調用所述終端的底層函數啟動終端內部的拍照功能或打開相冊功能的子功能；拍照獲得圖片或者選中一張或多張手機相冊中的已有圖片；將所述圖片上傳至由圖片傳輸控制設備控制的圖片服務器。

利用本申請的實施例提供的方法和系統可以實現對文本、圖片以及視頻等進行高效的排版。

附圖說明

圖1是根據本申請的實施例的基于網頁的內容編輯器的界面示意圖。

圖2是根據本申請的實施例的基于網頁的內容編輯器的另一界面示意圖。

圖3是根據本申請的實施例的基于網頁的內容編輯器的一種實施例的系統結構圖；