CN107832317A - Content edition method and editing machine based on webpage - Google Patents
Content edition method and editing machine based on webpage Download PDFInfo
- Publication number
- CN107832317A CN107832317A CN201710467309.5A CN201710467309A CN107832317A CN 107832317 A CN107832317 A CN 107832317A CN 201710467309 A CN201710467309 A CN 201710467309A CN 107832317 A CN107832317 A CN 107832317A
- Authority
- CN
- China
- Prior art keywords
- picture
- module frame
- function
- frame object
- module
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention discloses a kind of content edition method based on webpage:Including building ccf layer, the ccf layer includes module frame object embedding region and at least one module frame object for embedded at least one module frame object in the module frame object embedding region adds control;Monitoring users add the triggering of control to the specific module frame object at least one module frame object addition control;User is responded to the triggering ejection layer, wherein the ejection layer comprises at least local picture selection function;Monitoring users are selected to local picture selection function, close the ejection layer, and the module frame object for including the selected picture is created in the module frame object embedding region of the ccf layer;Wherein, the module frame object comprising the picture of the establishment is shown in the module frame object embedding region (Fig. 2) according to the establishment order of at least one module frame object.
Description
Technical field
The present invention relates to editing machine technology, more particularly to the editing machine technology based on webpage.
Background technology
Traditional editing machine is content editor, the energy lost time very much during picture and text mixing in editing process, is arranged
The version time is very long, completes to edit and can have not meeting on overall article pattern after delivering, can have article when changing again
Number of words length is inconvenient to edit or can not find corresponding editor position.
The content of the invention
Embodiments herein discloses a kind of content edition method based on webpage:Including building ccf layer, the frame
Rack-layer includes module frame object embedding region and for embedded at least one in the module frame object embedding region
At least one module frame object addition control of module frame object;Monitoring users are at least one module frame object
Add the triggering of the specific module frame object addition control in control;User is responded to the triggering ejection layer, wherein institute
State ejection layer and comprise at least local picture selection function;Monitoring users are selected to local picture selection function, close the bullet
Go out layer, and the module frame for including the selected picture is created in the module frame object embedding region of the ccf layer
Object;Wherein, by the module frame object comprising the picture of the establishment according at least one module frame object
Establishment order be shown in the module frame object embedding region.
Embodiments herein discloses a kind of content edition method based on webpage:Include ccf layer including structure, institute
Stating ccf layer includes module frame object embedding region and for being embedded at least in the module frame object embedding region
At least one module frame object addition control of one module frame object;Monitoring users are at least one module frame
The triggering of specific module frame object addition control in object addition control;Respond user and control is added to the content object
The triggering ejection layer of part, association portion is provided in the ejection layer, association portion is provided in the ejection layer, wherein the association portion refers to
To uploading pictures function;It is uploaded to by uploading pictures function to the request of picture transfer control device and is controlled by the picture transfer
The picture of the picture servers of equipment control;After asking successfully, close the ejection layer and from the picture servers receive with
The data of the associated all pictures of the editing machine;Enter rearrangement to the image data and be filtrated to get the picture number of needs
According to;The picture needed is parsed to the image data of the needs;By the picture of the needs and the specific mould
Block frame object is associated;And created in the module frame object embedding region of the first layer and include the specific mould
Block frame object.
Embodiments herein also discloses a kind of content editor based on webpage, and it includes first layer constructing function,
Include ccf layer for building, the ccf layer includes module frame object embedding region and in the module frame pair
As at least one module frame object of embedded at least one module frame object in embedded region adds control;Eject layer building
Function, response user add control to the specific module frame object at least one module frame object addition control
Triggering, build ejection layer, the ejection layer has association portion, wherein the association portion points to uploading pictures function;Ask work(
Can, controlled for being uploaded to the request of picture transfer control device by uploading pictures function by the picture transfer control device
Picture servers picture;Transfer function, close the ejection layer and received and the editing machine from the picture servers
Associated all image datas;Rearrangement and filtering function, for entering rearrangement to the image data and being filtrated to get needs
Image data;Analytical capabilities, for the image data of the needs to be parsed into the picture of needs;Module frame Object Creation
Function, for creating the module frame object of the picture comprising the needs according to the picture of the needs;And ranking function,
For the wound by the module frame object comprising the picture needed of the establishment according at least one module frame object
Build order and be shown in the module frame object embedding region.
Embodiments herein provides a kind of method that picture is provided for the editing machine based on webpage, including loading uploads
Picture function, the association portion that the ejection layer that the uploading pictures function is stored in the editing machine based on webpage provides point to upper blit
The address of piece function;Generate upload button;Monitor the triggering state of upload button;After button is triggered, calls and run the upload
The browser built-in function of the terminal of picture function;The bottom function for recalling the terminal starts the camera function of terminal inner
Or open album function;Take pictures and obtain picture or choose existing picture in one or more mobile phone photo album;By the picture
It is uploaded to the picture servers controlled by picture transfer control device.
Some embodiments of the present application provide a kind of system that picture is provided for the editing machine based on webpage, including upload
Picture function, the association portion that the ejection layer that the picture upload function is stored in the editing machine based on webpage provides point to upper blit
The address of piece function;The uploading pictures function includes:Generate the subfunction of upload button;Monitor the triggering state of upload button
Subfunction;After button is triggered, the browser built-in function for the terminal for running the uploading pictures function is called;Recall the end
The bottom function at end starts the camera function of terminal inner or opens the subfunction of album function;Take pictures and obtain picture or choose
Existing picture in one or more mobile phone photo album;The picture is uploaded to the picture controlled by picture transfer control device to take
Business device.
The method and system provided using embodiments herein can be realized carries out height to text, picture and video etc.
The typesetting of effect.
Brief description of the drawings
Fig. 1 is the interface schematic diagram according to the content editor based on webpage of embodiments herein.
Fig. 2 is another interface schematic diagram according to the content editor based on webpage of embodiments herein.
Fig. 3 is the system architecture according to a kind of embodiment of the content editor based on webpage of embodiments herein
Figure;
Fig. 4 is the page end creation module object framework according to the content editor based on webpage of embodiments herein
Flow chart;
Fig. 5 is the stream that offer picture in end is provided according to the picture of the content editor based on webpage of embodiments herein
Cheng Tu;And
Fig. 6 is the stream according to the control dispatching terminal scheduling picture of the content editor based on webpage of embodiments herein
Cheng Tu.
Embodiment
It should be mentioned that some exemplary embodiments are described as before exemplary embodiment is discussed in greater detail
The processing described as flow chart or method.Although operations are described as the processing of order by flow chart, therein to be permitted
Multioperation can be implemented concurrently, concomitantly or simultaneously.In addition, the order of operations can be rearranged.When it
The processing can be terminated when operation is completed, it is also possible to the additional step being not included in accompanying drawing.The processing
It can correspond to method, function, code, subroutine, subprogram etc..
Alleged within a context " server " refer to can by run preset program or instruction come perform numerical computations and/
Or the intelligent electronic device of the predetermined process process such as logical calculated, it can include processor and memory, by computing device
The programmed instruction to prestore in memory makes a reservation for perform predetermined process process, or by the execution of the hardware such as ASIC, FPGA, DSP
Processing procedure, or realized by said two devices combination.
Wherein, the user equipment includes but is not limited to smart mobile phone, PDA, PC, notebook computer etc.;The network is set
For including but not limited to single network server, the server group of multiple webservers composition or based on cloud computing (Cloud
Computing the cloud being made up of a large amount of computers or the webserver), wherein, cloud computing is one kind of Distributed Calculation, by
One super virtual computer of the computer collection composition of a group loose couplings.Wherein, the computer equipment can isolated operation
To realize the application, it also can access network and this Shen realized by the interactive operation with other computer equipments in network
Please.Wherein, the network residing for the computer equipment includes but is not limited to internet, wide area network, Metropolitan Area Network (MAN), LAN, VPN nets
Network etc..
It should be noted that the user equipment, the network equipment and network etc. are only for example, other are existing or from now on may be used
The computer equipment or network that can occur such as are applicable to the application, should also be included within the application protection domain, and to draw
It is incorporated herein with mode.
The method (some of them illustrated by flow) discussed herein below can by hardware, software, firmware, in
Between part, microcode, hardware description language or its any combination implement.When with software, firmware, middleware or microcode come real
Shi Shi, to implement the program code of necessary task or code segment can be stored in machine or computer-readable medium (such as
Storage medium) in.(one or more) processor can implement necessary task.
Concrete structure and function detail disclosed herein are only representational, and are for describing showing for the application
The purpose of example property embodiment.But the application can be implemented by many alternative forms, and it is not interpreted as
It is limited only by the embodiments set forth herein.
Although it should be appreciated that may have been used term " first ", " second " etc. herein to describe unit,
But these units should not be limited by these terms.It is used for the purpose of using these terms by a unit and another unit
Make a distinction.For example, in the case of the scope without departing substantially from exemplary embodiment, it is single that first module can be referred to as second
Member, and similarly second unit can be referred to as first module.Term "and/or" used herein above include one of them or
Any and all combination of more listed associated items.
Term used herein above is not intended to limit exemplary embodiment just for the sake of description specific embodiment.Unless
Context clearly refers else, otherwise singulative used herein above "one", " one " also attempt to include plural number.Should also
When understanding, term " comprising " and/or "comprising" used herein above provide stated feature, integer, step, operation,
The presence of unit and/or component, and do not preclude the presence or addition of other one or more features, integer, step, operation, unit,
Component and/or its combination.
It should further be mentioned that in some replaces realization modes, the function/action being previously mentioned can be according to different from attached
The order indicated in figure occurs.For example, depending on involved function/action, the two width figures shown in succession actually may be used
Substantially simultaneously to perform or can perform in a reverse order sometimes.
The application is related to a kind of modularization content editor based on webpage, and the content editor can be used for editor such as
The content elements such as word, picture, video, and these content elements are merged and form the content of shuffling, and by such as
The forms such as webpage preserve or issue.
Fig. 1 shows a kind of interface schematic diagram of the modularization editing machine based on webpage of embodiment according to the application.
Reference picture 1, each interface element can be arranged at same ccf layer, such as the first ccf layer 200, and the layer can for example include mould
Block frame object adds button control, and module frame object addition button control can be located in button addition column 201, module frame
Frame object addition button control includes character module object framework addition button control 201A, and the addition of picture module object framework is pressed
Button control 201B, and video module object framework addition button control 201C.Wherein, Web page module editing machine can monitor use
Triggering of the family to each button control, and obtained at certain and corresponding processing is called after button is triggered.For example, trigger each button control
Part can be in module frame object corresponding to the insertion of the module frame object embedding region 202 of the lower section of button control;Such as trigger
Character module object framework addition button control 201A meeting embedded text content frame object 202A, and the picture mould hereafter triggered
Block frame object addition button control 201B can be then embedded in picture in content of text object framework 202A distance below
Hold object framework 202B.Continue to trigger different addition button controls and can also continue to add other object frameworks.
Different contents can be inputted according to the attribute of object framework.For example, content of text object framework can be in framework
Plain text is inputted in object, the text of input can be segmented by various monitoring event handlings, the behaviour such as modification word attribute
Make.The text inputted in same object framework is limited in same frame area.Can be that content of text object framework is set
Determine the limitation of character quantity, and in the character quantity of restriction, the lower edge of automatic extension framework object, and to be newly entered
Content of text can show.
The function of choosing the picture locally preserved can be provided for image content object framework, for example, when editing machine is supervised
Hear that object framework region is clicked, then can trigger ejection layer 300 and click on the local picture buttons control of selection for user,
Ejection layer can not be ejected and directly trigger local picture call function and local picture is entered again so as to eject picture selection forms
Row selection.
For the ease of editing machine user to being selected except the local picture of equipment where editing machine, can also eject
Layer 300 provides association portion 301.The association portion 301 can provide equipment for picture and operate on it to establish picture offer
Connection between equipment and long-range picture transfer control device.For example, the association portion 301 can be to provide a Quick Response Code
(such as QR codes), the content in Quick Response Code is with can including the HTTP (HTTP) of the picture transfer control device
Location, the picture provides the function that there is equipment scanner uni to identify the Quick Response Code, so as to extract in the Quick Response Code
HTTP address.Or the association portion 301 can also be other forms, such as it can directly provide hypertext
The plaintext text of transmission protocol address, corresponding picture, which provides equipment, has text recognition function, so as to by identifying
Address in plain text and the transfer function that Loads Image.
Fig. 3 is to provide system of the equipment to editing machine end offer picture based on picture according to a kind of of embodiments herein
Structural representation.Wherein, terminal device 10 can be that the tool such as desktop computer, laptop computer, tablet personal computer, mobile phone is supported
Web page protocol and the equipment that web service is provided.At least a portion of the modularization editing machine based on webpage in the application can be with
It is implemented on the terminal device 10.It can preserve picture or the equipment with camera function that picture, which provides equipment 20,
It can have such as two-dimensional code authentication function and/or text recognition function, and picture offer equipment can have wired or wireless
Communication module, to be communicated with the picture transfer control device, it can be such as flat board electricity that generally such picture, which provides equipment,
The smart machines such as brain, mobile phone or two-dimensional code scanning, identification function and with wired or wireless communication module are installed
The equipment such as camera.
The picture provides equipment 20 can be from the HTTP address download pictures upload function.The function
Can be the uploading pictures program for example write using html language and JAVASCRIPT language, Fig. 5 shows a kind of possible
The flow chart of uploading pictures program.Reference picture 5, the program can include providing S201, and the page can include upload button control,
The SQL that the upload button control for example can be write by JAVASCRIPT language automatically generates.The shape of button control
State for example can be " plus sige frame ".The upload button control is arranged to:After listening to the button control and being triggered, it can call
Picture provides the browser built-in function of equipment, recalls the work(of taking pictures that picture provides the bottom function startup terminal inner of equipment
Or album function can be opened, by taking pictures or selecting a pictures S202;After listening to completing button control and being triggered,
By the picture asynchronous upload to picture database, such as picture servers, S203, such as JQuery Ajax functions can be utilized,
Picture is provided equipment and send request to picture transfer control device to start the upload of picture.
Transmission can be the transmission based on authentication information, such as can generate TOKEN values during the loading of the interface, wherein,
The TOKEN has uniqueness, and it is according to the calculated one kind of the public key and private key and authority signature of server offer
The numeral and the composition mark of letter never repeated with uniqueness.The TOKEN values are for picture transfer control device
Equipment is provided to picture to verify, such as public key portion can be sent to picture and equipment is provided, so as to realize in picture transfer
The preceding checking S204 that equipment is provided picture.The TOKEN can be used for ensuring that picture provides equipment and is uploaded to picture servers
In picture and terminal 10 there is same mark.
The picture transfer control device 30 can be server, and it can at least have control scheduling feature and picture
Database access function.Picture database 40 is used to preserve picture in a certain way, and provides the relevant information of picture, such as schemes
Piece name, width, height, unique mark, call path, type, picture size, the attribute information such as state, and by these attributes
Information returns to the page of the uploading pictures program of picture offer equipment in the form of character set by picture transfer control device 30
Face.Hereafter, picture transfer control device 30 can guide the download pictures of terminal device 10 by these information.
The example of the flow chart of the control scheduling feature of picture transfer control device 30 is as shown in Figure 6.Reference picture 6, it is described
Control scheduling feature to include being based on uploading interface from picture offer equipment uploading pictures by picture, and preserved
The S301 in the database table of the picture servers 40.After picture preserves successfully in database table, picture transfer control is set
It is standby to control the picture database table to send the image data S302 with webpage client mark to webpage client.
In certain embodiments, it is described in order to realize the checking between picture transfer control device and picture offer equipment
Scheduling feature is controlled to include receiving the TOKEN, S303 for asking connected picture to provide equipment.
In certain embodiments, uploading pictures program can be provided by the picture transfer control device 30, and by picture
Transmission control equipment sends uploading pictures program to the picture and provides equipment 20.
Fig. 4 is the flow that content object is created according to the Web page editor function of the terminal device of embodiments herein
Figure, as shown in figure 4, terminal device 10 is after listening to picture buttons control and being triggered, there is provided the second presentation layer, presentation layer tool
Relevant portion S101, at a certain time interval, such as asked for interval to picture transfer control device 30 with about 3000 milliseconds
Image data S102, it is identified in request of the terminal device 10 to picture transfer control device 20, that is, after asking successfully, then from institute
State all image data S103 that the mark with the Web page editor is received in picture database;After the completion of transmission, by described in
Image data, which carries out being parsed into object picture, is stored in S104 in customized array;After the completion of preservation, carried out in the array
Reset and filter, i.e., enter rearrangement and filtering S105 after parsing to the image data obtained from picture servers, and will reset
S106 in the HTML element of such as framework is shown in all pictures being filtrated to get, thus in the content of the editing machine
Add picture module in region.
Return to Fig. 1, at the interval of vertical direction between object framework 202A and 202B, can with object framework 202B and its
The interval of the object framework of side is identical, so as to form Automatic Typesetting vertically.Object framework 202A, 202B and other
Object framework can have identical frame width, and so after the completion of object framework addition, the user of editing machine can be direct
The webpage for editing completion is directly preserved to server, and eliminates follow-up typesetting work.
Framework is embedded in into html web page using iframe subpage surface functions, primary Javascript can be utilized to compile
Write the ratio of width to height adaptive polo placement logic so that Web page module editing machine more simply more convenient can call simultaneously in Webpage
It is nested.
The communication of editing machine can use the receiver function that primary Javascript writes, towards web browser
The prototype of windows objects calls customized receiver function, realizes the mutual transmission of data.
Web page module editing machine writes binding using primary Javascript and submits function, and way of submission is from tables
It is single to submit, call primary javascript functions transfer to handle automatically when submitting data, compiled by primary javascript
After the checking function write, all modules are converted into object structure and are again converted into json character strings submitting to server.
Module can be provided for the module created and delete function, such as using HTML+JavaScript on the right side of module
Add " X " button in upper angle.
Module frame object-order adjustment function can be provided for editing machine.For example, can be in each module frame object
An overall or region provides selected button control, and mouse position monitor function.The selected button control for example can be with
There is provided at the top of module frame object, after being triggered, the selected of module frame object entirety can be achieved, and start mouse position
Monitor function., then will be chosen when mouse position is moved across the center line of another object module object framework from a direction
Module frame object and object module frame position position exchange, and preserve the module frame object-order after exchanging.
Realize that the specific embodiment of the upload of the picture in editing machine can be by scanning association portion:
A, page end realizes function:
" click on ' addition picture ' button, it is general to eject the uploading pictures write using html language+javaScript language
Ejection layer, ejection layer left side utilize qrcodeUpload () function dynamic creation of javaScript language self-defined driver writes
Quick Response Code icon and the chained address that the terminal uploading pictures page is assigned for Quick Response Code, two can be scanned with arbitrarily a in mobile phone
The app for tieing up code is scanned to the Quick Response Code icon on the left of this module using qrcodeUpload () function creation, web page browsing
Device will in by jQuery frame languages Ajax () function (Ajax ():Asynchronous Request function, customer terminal webpage system can be made
Unite to server end request data.) server end of every 3000 milliseconds of requests (request always is until editor terminates), ask into
Server returns to data data (whole image datas of server end) after work(, and web browser end passes through jQuery frame languages
In JSON.parse (data) functions server return data data be parsed into object objects be stored in it is customized
In existQr Img aray variables (preservation is already present on the image data in webpage client), javaSCript languages are utilized
Say that the function write is carrying out data re-scheduling and filtered (to return server in existQr Img arrays after picture uploads successfully
The data returned are excluded and filtered), exclude and after filtering terminates, then can be write by javaSCript language
All image datas after the filtering of getImgHtml () function creation are in html page element.Now Web page module
Editing machine content area with the addition of a picture module (addImgModel () function) automatically.
B. following functions are realized in barcode scanning equipment end:
" terminal can eject a upload write using html language and javaScript language and upload after scanning successfully
Page picture (this page aim at mobile terminal design can self-adapting window size), TOKEN values (Token is generated when the page loads
Value has uniqueness, is had according to the calculated one kind of the public key and private key and authority signature of cloud server offer
The numeral and the composition mark of letter that uniqueness never repeats), prepared to upload, " the upload uploading pictures page " is logical
Cross the SQL that javaScript language is write and automatically generate upload button, button form is " plus sige frame ", manual palpation
After the button, javaScript, which can call terminal browser built-in function and then recall terminal bottom function, starts interior of mobile phone
Camera function or open album function, directly can take pictures or choose existing photo in one or more mobile phone photo album or
Picture, jQuery Ajax functions (Ajax will be utilized after the completion of selection:Asynchronous Request function, can make customer terminal webpage system to
Server end request data.) upload onto the server end ".
C. the existing following functions of server end:" after the completion of the mobile terminal page selects photo or taken pictures, request server is used
The gettoken interfaces that PHP language is write generate the Token (.ps uploaded by uploadToken () function:Token values have
There is uniqueness, be that calculated one kind is signed with unique according to the public key and private key and authority of cloud server offer
Property the numeral that never repeats and letter composition mark) and then in the getimage interfaces write by using PHP language
Successful picture will be uploaded by insert () function of PHP language after uploading successfully and be stored in database table number in tables of data
According to will be uploaded again after inserting successfully successful picture name, width, height, unique mark, call path, type, picture size,
The data such as state composition character set returns to the mobile terminal page.
The outstanding advantages of the modularization editing machine based on webpage of the application be can random creation module, can arbitrarily delete mould
Block, can create according to demand accordingly can be with the module of meet demand, and article feels the ground for needing to adjust after the completion of creating can
Directly to open adjustment sequential layer carry out order typesetting control, these functions can perfectly solve one that conventional editors are brought very much
The problem of series is inconvenient.
The source of picture workable for the association portion provided in upload pictures can widen editing machine, and picture is come
Source is stored in picture servers and used for other application.
It should be noted that the process part of the application can be carried out in the assembly of software and/or software and hardware,
For example, can using application specific integrated circuit (ASIC), general purpose computer or any other realized similar to hardware device.One
In individual embodiment, the software program of the application can realize steps described above or function by computing device.Similarly,
The software program (including related data structure) of the application can be stored in computer readable recording medium storing program for performing, for example, RAM
Memory, magnetically or optically driver or floppy disc and similar devices.In addition, some steps or function of the application can employ hardware to
Realize, for example, coordinating as with processor so as to perform the circuit of each step or function.
In addition, the part of the application can be applied to computer program product, such as computer program instructions, when its quilt
When computer performs, by the operation of the computer, it can call or provide according to the present processes and/or technical scheme.
And the programmed instruction of the present processes is called, it is possibly stored in fixed or moveable recording medium, and/or pass through
Broadcast or the data flow in other signal bearing medias and be transmitted, and/or be stored according to described program instruction operation
In the working storage of computer equipment.Here, including a device according to one embodiment of the application, the device includes using
Memory in storage computer program instructions and processor for execute program instructions, wherein, when the computer program refers to
When order is by the computing device, method and/or skill of the plant running based on foregoing multiple embodiments according to the application are triggered
Art scheme.
The representative illustration of the application includes but is not limited to:
1st, a kind of content edition method based on webpage:Including
Ccf layer is built, the ccf layer includes module frame object embedding region and in the module frame pair
As at least one module frame object of embedded at least one module frame object in embedded region adds control;
Monitoring users add to the specific module frame object at least one module frame object addition control
The triggering of control;
User is responded to the triggering ejection layer, wherein the ejection layer comprises at least local picture selection function;
Monitoring users are selected to local picture selection function, close the ejection layer, and described in the ccf layer
Module frame object embedding region creates the module frame object for including the selected picture;Wherein, by the bag of the establishment
Module frame object containing the picture is shown in the module according to the establishment order of at least one module frame object
Object framework is embedded in region.
2nd, the content edition method based on webpage according to example 1, it is characterised in that:
Association portion is provided in the ejection layer, wherein the association portion points to uploading pictures function;
Ask to be uploaded to by the picture transfer control device control by uploading pictures function to picture transfer control device
The picture of the picture servers of system;
After asking successfully, close the ejection layer and the institute associated with the editing machine is received from the picture servers
There are the data of picture;
Enter rearrangement to the image data and be filtrated to get the image data of needs;
The picture needed is parsed to the image data of the needs;
The picture of the needs is associated with the specific module frame object;
And created in the module frame object embedding region of the first layer comprising the specific module frame pair
As.
3rd, the content edition method based on webpage according to example 1, it is characterised in that:The module frame object adds
Control is added to include text module object framework addition control, picture module object framework addition control and module frame content pair
As adding control,
4th, the content edition method based on webpage according to example 3, it is characterised in that:The specific module frame
Object addition control is picture module object framework addition control, and the specific module frame object is picture module framework pair
As.
5th, a kind of content edition method based on webpage:Including
Ccf layer is built, the ccf layer includes module frame object embedding region and in the module frame pair
As at least one module frame object of embedded at least one module frame object in embedded region adds control;
Monitoring users add to the specific module frame object at least one module frame object addition control
The triggering of control;
The triggering ejection layer that user adds control to the content object is responded, association portion is provided in the ejection layer,
The ejection layer provides association portion, wherein the association portion points to uploading pictures function;
Ask to be uploaded to by the picture transfer control device control by uploading pictures function to picture transfer control device
The picture of the picture servers of system;
After asking successfully, close the ejection layer and the institute associated with the editing machine is received from the picture servers
There are the data of picture;
Enter rearrangement to the image data and be filtrated to get the image data of needs;
The picture needed is parsed to the image data of the needs;
The picture of the needs is associated with the specific module frame object;
And created in the module frame object embedding region of the first layer comprising the specific module frame pair
As.
6th, the content edition method based on webpage according to example 5, it is characterised in that:The module frame object adds
Control is added to include text module object framework addition control, picture module object framework addition control and module frame content pair
As adding control,
7th, the content edition method based on webpage according to example 6, it is characterised in that:The specific module frame
Object addition control is picture module object framework addition control, and the specific module frame object is picture module framework pair
As.
8th, a kind of content editor based on webpage, it is characterised in that:Including
First layer constructing function, include ccf layer for building, the ccf layer includes module frame object embedding region
And at least one module frame for embedded at least one module frame object in the module frame object embedding region
Frame object adds control;
Ejection layer constructing function, response user is to the specific mould at least one module frame object addition control
Block frame object adds the triggering of control, builds ejection layer, and the ejection layer has association portion, wherein the association portion points to
Pass picture function;
Request function, passed for being uploaded to the request of picture transfer control device by uploading pictures function by the picture
The picture of the picture servers of defeated control device control;
Transfer function, close the ejection layer and own from picture servers reception is associated with the editing machine
Image data;
Rearrangement and filtering function, for entering rearrangement to the image data and being filtrated to get the image data of needs;
Analytical capabilities, for the image data of the needs to be parsed into the picture of needs;
Module frame Object Creation function, for creating the mould of the picture comprising the needs according to the picture of the needs
Block frame object;And
Ranking function, for by module frame object of the establishment comprising the picture needed according to described at least one
The establishment order of module frame object is shown in the module frame object embedding region.
9th, a kind of method that picture is provided for the editing machine based on webpage, including
Uploading pictures function is loaded, what the ejection layer that the uploading pictures function is stored in the editing machine based on webpage provided
Point to the address of uploading pictures function in association portion;
Generate upload button;
Monitor the triggering state of upload button;
After button is triggered, the browser built-in function for the terminal for running the uploading pictures function is called;Recall described
The bottom function of terminal starts the camera function of terminal inner or opens album function;
Take pictures and obtain picture or choose existing picture in one or more mobile phone photo album;
The picture is uploaded to the picture servers controlled by picture transfer control device.
10th, a kind of system that picture is provided for the editing machine based on webpage, including
Uploading pictures function, the picture upload function are stored in the association that the ejection layer of the editing machine based on webpage provides
Point to the address of uploading pictures function in portion;
The uploading pictures function includes:
Generate the subfunction of upload button;
Monitor the triggering state subfunction of upload button;
After button is triggered, the browser built-in function for the terminal for running the uploading pictures function is called;Recall described
The bottom function of terminal starts the camera function of terminal inner or opens the subfunction of album function;
Take pictures and obtain picture or choose existing picture in one or more mobile phone photo album;
The picture is uploaded to the picture servers controlled by picture transfer control device.
11st, a kind of content editor system based on webpage, it is characterised in that:Including
At least one terminal, each of at least one terminal include:
First layer constructing function, include ccf layer for building, the ccf layer includes module frame object embedding region
And at least one module frame for embedded at least one module frame object in the module frame object embedding region
Frame object adds control;
Ejection layer constructing function, response user is to the specific mould at least one module frame object addition control
Block frame object adds the triggering of control, builds ejection layer, and the ejection layer has association portion, wherein the association portion points to
Pass picture function;
Request function, passed for being uploaded to the request of picture transfer control device by uploading pictures function by the picture
The picture of the picture servers of defeated control device control;
Transfer function, close the ejection layer and own from picture servers reception is associated with the editing machine
Image data;
Rearrangement and filtering function, for entering rearrangement to the image data and being filtrated to get the image data of needs;
Analytical capabilities, for the image data of the needs to be parsed into the picture of needs;
Module frame Object Creation function, for creating the mould of the picture comprising the needs according to the picture of the needs
Block frame object;And
Ranking function, for by module frame object of the establishment comprising the picture needed according to described at least one
The establishment order of module frame object is shown in the module frame object embedding region;
Picture provides equipment, including the uploading pictures function;
Picture servers, for storing the picture;And
Picture transfer control device, the corresponding request function activate the uploading pictures function, institute are uploaded in picture
After stating picture servers, the terminal is guided to obtain the picture.
Claims (10)
- A kind of 1. content edition method based on webpage:IncludingCcf layer is built, the ccf layer includes module frame object embedding region and for embedding in the module frame object Enter at least one module frame object addition control of embedded at least one module frame object in region;Monitoring users add control to the specific module frame object at least one module frame object addition control Triggering;User is responded to the triggering ejection layer, wherein the ejection layer comprises at least local picture selection function;Monitoring users are selected to local picture selection function, close the ejection layer, and in the module of the ccf layer Object framework insertion region creates the module frame object for including the selected picture;Wherein, the establishment is included into institute The module frame object for stating picture is shown in the module frame according to the establishment order of at least one module frame object Object embedding region.
- 2. the content edition method according to claim 1 based on webpage, it is characterised in that:Association portion is provided in the ejection layer, wherein the association portion points to uploading pictures function;It is uploaded to what is controlled by the picture transfer control device by uploading pictures function to the request of picture transfer control device The picture of picture servers;After asking successfully, close the ejection layer and all figures associated with the editing machine are received from the picture servers The data of piece;Enter rearrangement to the image data and be filtrated to get the image data of needs;The picture needed is parsed to the image data of the needs;The picture of the needs is associated with the specific module frame object;And created in the module frame object embedding region of the first layer comprising the specific module frame object.
- 3. the content edition method according to claim 1 based on webpage, it is characterised in that:The module frame object adds Control is added to include text module object framework addition control, picture module object framework addition control and module frame content pair As adding control.
- 4. the content edition method according to claim 3 based on webpage, it is characterised in that:The specific module frame Object addition control is picture module object framework addition control, and the specific module frame object is picture module framework pair As.
- A kind of 5. content edition method based on webpage:IncludingCcf layer is built, the ccf layer includes module frame object embedding region and for embedding in the module frame object Enter at least one module frame object addition control of embedded at least one module frame object in region;Monitoring users add control to the specific module frame object at least one module frame object addition control Triggering;The triggering ejection layer that user adds control to the content object is responded, association portion is provided in the ejection layer, described Ejection layer provides association portion, wherein the association portion points to uploading pictures function;It is uploaded to what is controlled by the picture transfer control device by uploading pictures function to the request of picture transfer control device The picture of picture servers;After asking successfully, close the ejection layer and all figures associated with the editing machine are received from the picture servers The data of piece;Enter rearrangement to the image data and be filtrated to get the image data of needs;The picture needed is parsed to the image data of the needs;The picture of the needs is associated with the specific module frame object;And created in the module frame object embedding region of the first layer comprising the specific module frame object.
- 6. the content edition method according to claim 5 based on webpage, it is characterised in that:The module frame object adds Control is added to include text module object framework addition control, picture module object framework addition control and module frame content pair As adding control.
- 7. the content edition method according to claim 6 based on webpage, it is characterised in that:The specific module frame Object addition control is picture module object framework addition control, and the specific module frame object is picture module framework pair As.
- A kind of 8. content editor based on webpage, it is characterised in that:IncludingFirst layer constructing function, include ccf layer for building, the ccf layer including module frame object embedding region and At least one module frame pair for embedded at least one module frame object in the module frame object embedding region As adding control;Ejection layer constructing function, response user is to the specific module frame at least one module frame object addition control Frame object adds the triggering of control, builds ejection layer, and the ejection layer has association portion, wherein the association portion points to upper blit Piece function;Request function, for asking to be uploaded to by the picture transfer control by uploading pictures function to picture transfer control device The picture of the picture servers of control equipment control;Transfer function, close the ejection layer and all pictures associated with the editing machine are received from the picture servers Data;Rearrangement and filtering function, for entering rearrangement to the image data and being filtrated to get the image data of needs;Analytical capabilities, for the image data of the needs to be parsed into the picture of needs;Module frame Object Creation function, for creating the module frame of the picture comprising the needs according to the picture of the needs Frame object;AndRanking function, for by module frame object of the establishment comprising the picture needed according at least one module The establishment order of object framework is shown in the module frame object embedding region.
- 9. a kind of method that picture is provided for the editing machine based on webpage, includingUploading pictures function is loaded, the uploading pictures function is stored in the association that the ejection layer of the editing machine based on webpage provides Point to the address of uploading pictures function in portion;Generate upload button;Monitor the triggering state of the upload button;After button is triggered, the browser built-in function for the terminal for running the uploading pictures function is called;Recall the terminal Bottom function start terminal inner camera function or open album function;Take pictures and obtain picture or choose existing picture in one or more mobile phone photo album;The picture is uploaded to the picture servers controlled by picture transfer control device.
- 10. a kind of system that picture is provided for the editing machine based on webpage, includingUploading pictures function, the association portion that the ejection layer that the picture upload function is stored in the editing machine based on webpage provides refer to To the address of uploading pictures function;The uploading pictures function includes:Generate the subfunction of upload button;Monitor the triggering state subfunction of the upload button;After button is triggered, the browser built-in function for the terminal for running the uploading pictures function is called;Recall the terminal Bottom function start terminal inner camera function or open album function subfunction;Take pictures and obtain picture or choose existing picture in one or more mobile phone photo album;The picture is uploaded to the picture servers controlled by picture transfer control device.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710467309.5A CN107832317A (en) | 2017-06-20 | 2017-06-20 | Content edition method and editing machine based on webpage |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710467309.5A CN107832317A (en) | 2017-06-20 | 2017-06-20 | Content edition method and editing machine based on webpage |
Publications (1)
Publication Number | Publication Date |
---|---|
CN107832317A true CN107832317A (en) | 2018-03-23 |
Family
ID=61643052
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710467309.5A Pending CN107832317A (en) | 2017-06-20 | 2017-06-20 | Content edition method and editing machine based on webpage |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107832317A (en) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101593207A (en) * | 2009-07-06 | 2009-12-02 | 孟智平 | The method and system of a kind of structure and generation webpage |
CN102819560A (en) * | 2012-06-29 | 2012-12-12 | 北京奇虎科技有限公司 | Display method and device of picture in webpage |
CN102831154A (en) * | 2012-06-29 | 2012-12-19 | 北京奇虎科技有限公司 | Method and device for storing and displaying data in text input box of webpage |
CN104954428A (en) * | 2015-04-23 | 2015-09-30 | 北京皮尔布莱尼软件有限公司 | Information issuing method and system and computing device |
CN106095598A (en) * | 2016-05-31 | 2016-11-09 | 腾讯科技(深圳)有限公司 | A kind of data processing method and client |
-
2017
- 2017-06-20 CN CN201710467309.5A patent/CN107832317A/en active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101593207A (en) * | 2009-07-06 | 2009-12-02 | 孟智平 | The method and system of a kind of structure and generation webpage |
CN102819560A (en) * | 2012-06-29 | 2012-12-12 | 北京奇虎科技有限公司 | Display method and device of picture in webpage |
CN102831154A (en) * | 2012-06-29 | 2012-12-19 | 北京奇虎科技有限公司 | Method and device for storing and displaying data in text input box of webpage |
CN104954428A (en) * | 2015-04-23 | 2015-09-30 | 北京皮尔布莱尼软件有限公司 | Information issuing method and system and computing device |
CN106095598A (en) * | 2016-05-31 | 2016-11-09 | 腾讯科技(深圳)有限公司 | A kind of data processing method and client |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111104635B (en) | Method and device for generating form webpage | |
CN109408764B (en) | Page area dividing method, device, computing equipment and medium | |
CN105630939B (en) | A kind of general painting canvas input interface design method and device | |
CN102609188A (en) | User interface interaction behavior based on insertion point | |
CN103078745A (en) | Logon authentication code based on picture | |
CN101395570A (en) | Capturing image data | |
CN102222062A (en) | User space page personalized setting method and device for instant messaging system | |
CN113032708A (en) | Code-free Web development system | |
CN105335036A (en) | Input interaction method and input method system | |
CN107229760A (en) | Storage medium, electronic installation, the display methods of web page contents and device | |
CN114185465B (en) | Information processing method, information processing device, storage medium and electronic equipment | |
US20170169122A1 (en) | Webpage display method, mobile terminal, intelligent terminal, program and storage medium | |
CN102622395A (en) | Method, server and client for assisting in accessing to webpage by application virtualization | |
CN110569096A (en) | System, method, medium, and apparatus for decoding human-computer interaction interface | |
US20140237347A1 (en) | Collaborative bookmarks | |
CN110941779A (en) | Page loading method and device, storage medium and electronic equipment | |
CN108363749B (en) | Method and apparatus for information processing | |
CN102831150A (en) | Interactive method, system and terminal for browser and local application | |
CN102193960A (en) | Content sharing system | |
CN103870254A (en) | Dynamic form achieving method, client and server | |
CN107122104B (en) | Data display method and device | |
CN105320662B (en) | Webpage generating method and device | |
CN109905753B (en) | Corner mark display method and device, storage medium and electronic device | |
JP7336542B2 (en) | ONLINE COLLABORATION DOCUMENT PROCESSING METHOD AND APPARATUS | |
CN108153465A (en) | Label setting method and device based on enterprise SaaS applications |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180323 |
|
RJ01 | Rejection of invention patent application after publication |