![PythonBrasil[6] - 21 a 23 de outubro de 2010](http://www.python.org.br/banners-pythonbrasil/countdown_fullbanner.gif)
Ações do documento
Interface do Kupu
Descrição das barras de ferramentas e ícones no Kupu 1.4.x
Este tutorial introduz a interface do Kupu e explica como inserir imagens, criar páginas no estilo de FAQ e utilizar a funcionalidade ResolveUID do Kupu. Originalmente este tutorial foi escrito pela equipe de gestão de conteúdo do QuintaGroup, é compatível com as versões 1.4.x do Kupu, e está disponível no site plone.org.
Página
3
de
6.
Uma barra de ferramentas típica do Kupu se parece com esta::
A tabela abaixo descreve a funcionalidade implementada por cada um dos botões:
| ícone | Função | Descrição | Exemplo | código html gerado |
||||||
|---|---|---|---|---|---|---|---|---|---|---|
 |
negrito | Negrita o texto selecionado |
texto | <strong>texto</strong> | ||||||
 |
itálico | Deixa o texto selecionado em itálico |
texto | <em>texto</em> | ||||||
 |
subescrito | Transforma o texto selecionado em subescrito |
textoescrito | texto<sub>escrito</sub> | ||||||
 |
sobrescrito | Transforma o texto selecionado em sobreescrito | textoescrito | texto<sup>escrito</sup> | ||||||
 |
justificar à esquerda |
Alinha o texto selecionado à esquerda |
texto | <p align="left">texto<br /></p> | ||||||
 |
centralizar | Alinha o texto selecionado de maneira centralizada |
texto | <p align="center">texto<br /></p> | ||||||
 |
justificar à direita |
Alinha o texto selecionado à direita |
texto | <p align="right">texto<br /></p> | ||||||
 |
lista numerada |
Cria uma lista numerada |
|
<ol><li>linha1</li> <li>linha2</li> <li>linha3</li></ol> |
||||||
 |
lista de marcadores |
Cria uma lista com marcadores |
|
<ul><li>linha1</li> <li>linha2</li> <li>linha3</li></ul> |
||||||
 |
lista de passagens |
Cria uma lista de definições |
|
<dl> <dt>linha1</dt> <dd>linha2</dd> <dt>linha3 </dt> <dd>linha4 <br /></dd> </dl> |
||||||
 |
diminuir indentação |
Move um texto indentado uma tabulação a menos |
texto | |||||||
 |
aumentar indentação |
Indenta o texto selecionado em uma tabulação a mais |
texto | <blockquote>texto<br /></blockquote> | ||||||
 |
inserir imagem | Insere uma imagem no documento |
||||||||
 |
inserir link interno |
Cria um link para um item dentro do site Plone |
texto | <a title="filename"
href="front-page"> texto</a> |
||||||
 |
inserir link externo |
Cria um link para um outro site |
texto | <a href="http://......./">texto</a> | ||||||
 |
inserir âncora | Cria uma âncora permitindo o link entre áreas de um mesmo documento |
iníciotexto texto texto texto textovoltar |
<h3
class="Subheading"><a
name="inicio"></a>Início</h3> texto texto texto texto texto <a href="#inicio">voltar</a> |
||||||
 |
inserir tabela | Insere uma tabela |
|
<table
class="plain"> <tbody> <tr> <td>primeira<br /></td> <td>segunda<br /></td> <td>terceira </td></tr> <tr> <td>quarta</td> <td>quinta</td> <td>sexta </td></tr></tbody></table> |
||||||
 |
desfazer | Desfaz a última ação |
||||||||
 |
refazer | Refaz a última ação |
||||||||
 |
alternar entre edição visual e código html |
|||||||||
 |
cabeçalho de texto |
Define o tipo de cabeçalho |
||||||||
 |
text headings | Normal | texto | <p>texto</p> | ||||||
| Cabeçalho |
texto |
<h2 class="Heading">texto</h2> | ||||||||
| Sub-cabeçalho |
texto |
<h3 class="Subheading">texto</h3> | ||||||||
| Formatado |
texto |
<pre>texto</pre>texto | ||||||||
 |
zoom | Aumenta a área de edição para ocupar toda a área do navegador |
||||||||
 |
remover link | Remove um link existente |
por CAIXA Software Livre
Última modificação
03/06/2007 17:06
Contribuidores: Equipe Portal Modelo Caixa (Tradução), Simples Consultoria (Tradução), Olha Pelishok (Original em Inglês), Ihor Berehulyak (Original em Inglês)
Creative Commons