Code Block

From Wiki openElement
(Difference between revisions)
Jump to: navigation, search
m (Admin moved page Block of Code to Code Block: Element renamed)
(One intermediate revision by one user not shown)
Line 1: Line 1:
[[Image:bloc_code1.png|thumb|Path: Elements / Interactivity / Block of Code]]
[[Image:bloc_code1.png|thumb|Path: Elements / Interactivity / Code Block]]

Latest revision as of 22:10, 24 April 2013

Path: Elements / Interactivity / Code Block


[edit] Description

The Code Block allows users to insert custom HTML, PHP, JavaScript, and CSS code on a page in a specific location.

[edit] Adding a Code Block Element

Drag-and-Drop the element Code Block from the elements menu anywhere on the page.

[edit] Configuration

Dragging and dropping the element on the page will automatically open the "Code Block" window.

The Code Block configuration can be accessed from the editing pane by clicking on this icon Bloc code11.png located right below the element or via the elements and styles menu -> Properties.

Bloc code2.png

Bloc code3.png : Copy the selected code.
Bloc code4.png : Cut the selected code.
Bloc code5.png : Paste code to the block.
Bloc code6.png : Undo
Bloc code7.png : Redo
Bloc code8.png : Add a comment.
Bloc code9.png : Remove the selected comment.
Bloc code10.png : Structure the lines of code.
Mode : Select the coding language (HTML, CSS, PHP et JavaScript).
Styles : Change color scheme of the "Code Block" interface.

Personal tools