📄 config_eng.xml
字号:
<h3><a name="ecmsmainpanel">The main EasyCMS panel</a></h3>
<p>On the main panel you find the logo which takes you back to the main
editing page and the links to the different sections of EasyCMS and the
panel to change the EasyCMS layout.</p>
%backtotop%
<h3><a name="ecmssitemappanel">The sitemap panel</a></h3>
<p>Click the name of the page you want to edit to open it in the editor.
If your browser supports CSS and Javascript DOM you will only see the
current section expanded and the others collapsed. The current page link
is displayed in bold. Click the <img src="plus.gif" width="20" height="20"
alt="plus" align="middle" border="0" /> or <img src="minus.gif" width="20"
height="20" alt="minus" align="middle" border="0" /> images to collapse or
expand the main elements.</p>
%backtotop%
<h3><a name="ecmseditingpanel">The editing panel</a></h3>
<p>On the main editing panel you enter all the data EasyCMS needs to create
the final document.</p>
<p>Enter a title, description and keywords. Do not use any HTML or EasyCMS
commands in these fields.</p>
<p>Select a template for this file and enter your content. You can use own
HTML and EasyCMS commands to create your document.</p>
<p>Press the "Save data" button to save this document, on the
following page, press the "Generate page" button to generate the
final HTML document.</p>
%backtotop%
<h3><a name="ecmstoolspanel">The tools panel</a></h3>
<img src="toolspanel.gif" alt="The tools panel" width="270" height="278"
border="0" align="left" />
<p><strong>Note:</strong> This is an english screenshot, your panel could
look different depending on which language you defined in the layout panel.</p>
<p><strong>Note:</strong> The functionality of this tool panel requires
Javascript to be enabled in your browser. Non-Javascript enabled browsers
or browsers that don't support CSS and Javascript DOM properly will not do
anything.</p>
<p>The tools panel is meant as a help for users who do not like to type in
commands and tags or are not too sure about the correct syntax.</p>
<p>Clicking the links of the commands or the "add" link will add
this command to the end of the text in the main content text box.</p>
<p><strong>Section 1</strong> Adds EasyCMS commands, the only command
requiring extra details is the section command. Add the number of the
section you want to add and click the "add" link. All other
commands can be added by clicking the links with their names.</p>
<p><strong>Section 2</strong> adds HTML tags. Select the command from the
select box and you will get a form to add the necessary or mandatory
attributes in <strong>Section 3</strong>. Click the "add" link to
add the HTML tag with the correct attribute syntax to the content text box.</p>
<p>"Colour Picker" displays all "browsersafe" colours as
swatches. Hover your mouse over the different swatches to see the colour
in the bigger preview rectangle below the HTML commands dropdown box, click
to add this colour as a hexadecimal triplet to the content edit area.</p>
<br clear="all" />
%backtotop%
<h2><a name="changelayoutpage">The "Change Layout" page</a></h2>
<p>On the layout page you can choose the width of the editing boxes in
characters. Change these if your browser window is too small for the text
boxes and parts of the layout overlap each other.</p>
<p>Furthermore you can choose the language of the EasyCMS layout. EasyCMS comes with
two language files, English and German. Check the homepage for other language
files in the future.</p>
<p>You can check/uncheck the boxes for the sitemap and the help panel to show
or hide them. If the sitemap panel is hidden, you'll be able to choose the page
to edit via a dropdown box below the EasyCMS panel.</p>
<p>Check the box below to save these settings for all users on this server. If
this checkbox is checked, EasyCMS changes the file called "settings.xml" in
your data folder, if not, the data gets saved in a cookie.</p>
<p>Click the <strong>Change</strong> button to submit your changes.</p>
%backtotop%
<h2><a name="editnavigationpage">The "Edit Navigation" page</a></h2>
<p>Edit navigation items by clicking their links. To create a new
navigation item, enter a name in the text field, select where the new
item should appear in the navigation and press the "add" button.</p>
<p>You will get to a form that allows you to enter the name, the link
to the new item and the file name of the item.</p>
<p>Most of the time "link" and "file name" will be the
same data, this feature is to add clickthrough monitoring data if
necessary.</p>
<p>If the item is a main or sub item, you can also select an
image instead of a text to be shown in the navigation. Select the
image from the dropdown box and you will get a preview next to the
"Image" text. All the images available are in the
"ecms_navimages" folder.</p>
<p>To delete an item, click the waste basket
<img src="basket.gif" width="20" height="20" alt="waste basket"
title="delete this item" border="0" align="middle"/> next to the item. You
will be asked if you really want to delete the item or not.</p>
<p>If any of the items shows a
<img src="error.gif" width="20" height="20" alt="Exclamation Mark"
title="This item has an error!" border="0" align="middle" /> in front of
it, then there is an error in this item's data. This means either
you forgot to enter a mandatory field (name, link or file name) or that the
file name is not UNIX conform (spaces, special characters).</p>
<p>Press the <strong>Save changes</strong> button to apply your changes.</p>
%backtotop%
<h2><a name="uploadpage">The "Upload Files" page</a></h2>
<p>Use the upload page to upload images and documents to the site. On the
upload page, you can choose the folder to upload to:</p>
<dl>
<dt>data</dt>
<dd>Contains all the data files of EasyCMS - the content
documents you generate, the navigation and the settings file. Only
upload files here when you edited them outside of EasyCMS, in general
there is no need to upload anything here.</dd>
<dt>ecms_contentimages</dt>
<dd>Contains images that are used in the templates and
images you can add in your content. All images in here are shown
in the toolpanel dropdown for images.</dd>
<dt>ecms_navimages</dt>
<dd>Contains images that can be used in the navigation instead
of the text links. All images in here are available in the
"Image" dropdown in the navigation editor.</dd>
<dt>html</dt>
<dd>Contains the final, standalone documents created
with EasyCMS. Every non-EasyCMS document or file that has to
be linked from EasyCMS content should go here.</dd>
<dt>templates</dt>
<dd>Contains all the EasyCMS templates. Every template in
here is available in the template dropdown of the main
edit panel.</dd>
</dl>
<p>Select the file you want to upload by pressing the "Browse"
button and using the Operating system to locate the file. Once you
have chosen the file, press the "Upload file" button to
upload the file to the chosen directory.</p>
<p>If everything works fine, EasyCMS shows a message with information
about the uploaded file in a green border.</p>
<p>If something went wrong, you'll get an error message surrounded
by a red border.</p>
<p>Below the upload section you see a table of the files that are
already in the folder. This is to check if your file has been
uploaded. Click on each filename to open the file in a new
browser window.</p>
%backtotop%
<h2><a name="generatepage">The "Generate pages" page</a></h2>
<p>On the "Generate pages" page select either to generate all pages
(which comes in handy when you changed templates) or click on the
page name to generate this page. If the page was successfully created
in the html folder you'll get a confirmation message, if not you will
see an error message.</p>
%backtotop%
<h2><a name="editingpages">Editing pages</a></h2>
<p>To edit a page create a new page in the navigation editor or click or
select an existing one (depending on the sitemap panel being enabled or
disabled).</p>
<p>If there is no page selected, EasyCMS will automatically open the home
page to be edited.</p>
<p>Once you chose your file to edit, you'll see the editing panel
to enter the data.</p>
<p>The editing panel allows you to enter the following data:</p>
<dl>
<dt>Title</dt>
<dd>will be the title displayed in the top bar of the browser
window, once the page is generated. This title is extremely
important for search engines. For users, it'll be
the name of the bookmark in a browser. Try to give a short,
precise information of what the page is about, and try not to
exceed 64 characters (some search engines frown on titles that
are too long). Do not flood the title with keywords or "cool"
alphanumeric designs ( .oO( -=Thoughts=- ), as screen reader
users will be forced to listen to each of these.</dd>
<dt>Description</dt>
<dd>Describe what the content of this page is about in about 200
characters, be concise. This description will be displayed under
the link to this page in search engine results. Mozilla also
shows it in the side panel for bookmarks. Think of this
description as a "teaser", give all the necessary information
about the page, and get the reader interested in learning more about it.</dd>
<dt>Keywords</dt>
<dd>Add all the keywords in here, that you consider fit for this
document. Keywords are advertised as being the most important
element for search engines; in reality most of them do not
support them anymore as keyword spamming/flooding resulted in
high rankings. You can use up to
1000 characters here. Keywords can come in handy when you want
to use a site internal search engine.</dd>
<dt>Template</dt>
<dd>Select your template from all the templates in the folder.</dd>
<dt>Content</dt>
<dd>This is the main content of the page, your text, enter as
much as you like, use HTML, scripting languages, Javascript,
EasyCMS commands, whatever you want. The content in here will
replace the <!-- content:# --> comments in the final page.</dd>
</dl>
<p>Press the "Save data" button to store the file in the
"data" folder. On the following page, press the "Generate
page" button to generate the file in the "html" folder.</p>
%backtotop%
<h2><a name="ecms">EasyCMS commands</a></h2>
<p>The following commands are provided by EasyCMS to speed up and ease your HTML
development.</p>
<h3><a name="section">Define sections</a></h3>
<p>[startsection:#] and [endsection:#] defines which
<!-- content:# --> of the template will be replaced with the data in
between.</p>
<p>If the template has not more than one content part you don't need this command.</p>
%backtotop%
<h3><a name="replace">Replace special characters</a></h3>
<p>[startencode] and [endencode] replaces all the special characters
in the content with their HTML equivalents. < will become
&gt;, " &quot; and so on.</p>
%backtotop%
<h3><a name="addbr">Add linebreaks</a></h3>
<p>[startbr] and [endbr] replaces each newline in this section with an HTML
linebreak command "<br/>.</p>
%backtotop%
<h3><a name="scramble">Scramble content</a></h3>
<p>[startscramble] and [endscramble] forces EasyCMS to scramble the
content in between. All characters will be replaced by their ASCII
numbers. This is a way to hide text from spiders and spambots, albeit
not 100% safe.</p>
%backtotop%
<h2><a name="html">Basic HTML to use</a></h2>
<h3><a name="headlines">Headlines</a></h3>
<pre><h1></h1> to <h6></h6></pre>
<p>Inserts a headline into the document, use them consistently and in the right order,
<h1></h1> is the main headline for this page, <h2></h2> the first level sub-headline and
so forth. Using headlines helps software like screen readers for blind people
to allow to skip through content, search engines use the content of headlines
for their indexing.</p>
<p>Do not nest headlines!</p>
%backtotop%
<h3><a name="paragraphs">Paragraphs</a></h3>
<pre><p></p></pre>
<p>Inserts the text as a paragraph. By segmenting your texts into paragraphs you
not only give it a nice and clean layout, you also give them a defined document
structure in HTML. Use paragraphs whenever possible, try to avoid linebreaks
via the <br /> tag. Do not nest paragraphs!</p>
<h4>Attributes:</h4>
<p>Each paragraph can have an "align" attribute. This defines the
alignment of the paragraph. Examples are:</p>
<pre>
<p align="left">left-aligned</p> (not necessary, it's the default value)
<p align="right">right-aligned</p>
<p align="center">centered</p>
</pre>
%backtotop%
<h3><a name="lists">Lists</a></h3>
<h4><a name="ul">Unordered lists:</a></h4>
<pre><ul>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -