<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Iptima &#187; Advanced Wysiwyg Editor</title>
	<atom:link href="http://www.iptima.com/tag/advanced-wysiwyg-editor/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.iptima.com</link>
	<description>... Miscellanées multimedia ®</description>
	<lastBuildDate>Sun, 02 Oct 2011 17:52:06 +0000</lastBuildDate>
	<language>fr</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Les raccourcis « more » et « nextpage »</title>
		<link>http://www.iptima.com/2008/02/08/les-raccourcis-%c2%ab-more-%c2%bb-et-%c2%ab-nextpage-%c2%bb/</link>
		<comments>http://www.iptima.com/2008/02/08/les-raccourcis-%c2%ab-more-%c2%bb-et-%c2%ab-nextpage-%c2%bb/#comments</comments>
		<pubDate>Fri, 08 Feb 2008 16:29:58 +0000</pubDate>
		<dc:creator>Vincent Roulet</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Advanced Wysiwyg Editor]]></category>
		<category><![CDATA[more]]></category>
		<category><![CDATA[nextpage]]></category>
		<category><![CDATA[Quicktags]]></category>
		<category><![CDATA[raccourcis]]></category>
		<category><![CDATA[TinyMce]]></category>

		<guid isPermaLink="false">http://www.iptima.com/2008/02/08/les-raccourcis-%c2%ab-more-%c2%bb-et-%c2%ab-next-%c2%bb/</guid>
		<description><![CDATA[Certaines fonctionnalités de WordPress sont si évidentes, qu&#8217;on en oublie leur existence ! Ainsi en est-il des raccourcis (appelés improprement en français Quicktags) &#60;!&#8211;more&#8211;&#62; et &#60;!&#8211;nextpage&#8211;&#62;. Le raccourci &#60;!&#8211;more&#8211;&#62; permet de couper automatiquement un article. Il suffit de l&#8217;insérer à &#8230; <a href="http://www.iptima.com/2008/02/08/les-raccourcis-%c2%ab-more-%c2%bb-et-%c2%ab-nextpage-%c2%bb/">Lire la suite <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Certaines fonctionnalités de <em>WordPress</em> sont si évidentes, qu&#8217;on en oublie leur existence ! Ainsi en est-il des raccourcis (appelés improprement en français <em>Quicktags</em>) <em>&#60;!&#8211;more&#8211;&#62;</em> et <em>&#60;!&#8211;nextpage&#8211;&#62;</em>. </p>
<p>Le raccourci <em>&#60;!&#8211;more&#8211;&#62;</em> permet de couper automatiquement un article. Il suffit de l&#8217;insérer à l&#8217;endroit désiré, en vérifiant que sa syntaxe est sous la forme <em>&#60;p&#62;&#60;!&#8211;more&#8211;&#62;/&#60;p&#62;</em>. Ainsi, lorsque la page d&#8217;accueil de <em>WordPress</em> va s&#8217;afficher, seule la première partie de l&#8217;article apparaîtra : ce confort est appréciable pour les lecteurs. En revanche, <em>WordPress</em> ignore la coupure, lorsqu&#8217;un article est recherché par les catégories ou par les marques, car la fonction <em>the_excerpt()</em> affiche le début du texte sans mise en forme. Les possibilités de personnalisation de l&#8217;affichage de la coupure sont innombrables, et l&#8217;on se reportera utilement aux explications exhaustives du <a hreflang="en" href="http://codex.wordpress.org/Customizing_the_Read_More" target="_blank" title ="aller sur le site du Codex (s'ouvre dans une nouvelle fenêtre)">Codex, document <em>Customizing the Read more</em></a>.</p>
<p>Le raccourci <em>&#60;!&#8211;nextpage&#8211;&#62;</em> permet de scinder un article sur plusieurs pages, et peut être inséré aux endroits voulus. Là encore, cette pratique peut rendre plus agréable la lecture de ses articles, au lieu d&#8217;obliger l&#8217;utilisateur à recourir au clavier ou à la souris.</p>
<p><em>A priori</em>, ces deux raccourcis sont présent dans l&#8217;interface visuelle de <em>TinyMce</em> sous la forme de deux boutons, mais ils ont disparu de notre interface gérée avec <a target="_blank" title="lire notre article sur Advanced Wysiwig Editor (s'ouvre dans une nouvelle fenêtre)" href="http://www.iptima.com/2007/08/11/Plugin-advanced-wysiwyg-editor/">Advanced Wysiwig Editor</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.iptima.com/2008/02/08/les-raccourcis-%c2%ab-more-%c2%bb-et-%c2%ab-nextpage-%c2%bb/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Typographie</title>
		<link>http://www.iptima.com/2007/09/06/typographie/</link>
		<comments>http://www.iptima.com/2007/09/06/typographie/#comments</comments>
		<pubDate>Thu, 06 Sep 2007 15:35:32 +0000</pubDate>
		<dc:creator>Vincent Roulet</dc:creator>
				<category><![CDATA[Conception]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Advanced Wysiwyg Editor]]></category>
		<category><![CDATA[mise en page]]></category>
		<category><![CDATA[typographie]]></category>

		<guid isPermaLink="false">http://www.iptima.com/?p=50</guid>
		<description><![CDATA[Après avoir rappelé les règles applicables à la typographie, nous évoquerons leur emploi dans les pages Web. Règles générales de typographie La présentation sur un écran d&#8217;ordinateur doit s&#8217;affranchir des standards de mise en page du medium papier : comme &#8230; <a href="http://www.iptima.com/2007/09/06/typographie/">Lire la suite <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Après avoir rappelé les règles applicables à la typographie, nous évoquerons leur emploi dans les pages Web.</p>
<p><span id="more-50"></span></p>
<h2>Règles générales de typographie</h2>
<p>La présentation sur un écran d&#8217;ordinateur doit s&#8217;affranchir des standards de mise en page du <em>medium</em> <em>papier</em> : comme chaque utilisateur est doté d&#8217;un équipement ou d&#8217;un navigateur différent, il est illusoire d&#8217;espérer obtenir un affichage au <em>pixel</em> près avec le couple <abbr title="eXtensible HyperText Markup Language">Xhtml</abbr>-<abbr title="Cascading Style Sheets">Css</abbr>. En revanche, la conception <em>multimedia</em> doit respecter la typographie, héritage du support imprimé, qui participe d&#8217;un usage correct de la langue française au même titre que l&#8217;orthographe ou la grammaire. Il n&#8217;existe pas une norme typographique <em>stricto sensu</em> (il suffit de comparer la composition du quotidien <em>Le Monde</em> à celle de <em>Libération</em> pour s&#8217;en convaincre), mais quelques règles se dégagent.</p>
<h3>Les signes de ponctuation</h3>
<p>La ponctuation d&#8217;un texte dépend étroitement du style de l&#8217;auteur. Notre propos se limitera au rappel didactique des règles sans évoquer la syntaxe (nous aimerions pourtant militer pour la réhabilitation du point-virgule, pause ô combien subtile entre la virgule et le point !).</p>
<p>Les signes de ponctuation doivent être précédés ou suivis d&#8217;espace pour rendre le texte intelligible. Les règles décrites ici ne s&#8217;appliquent qu&#8217;à la composition en français. Chaque langue a son usage typographique qu&#8217;il convient de respecter (par exemple, en anglais, il n&#8217;y a pas d&#8217;espace entre le point d&#8217;exclamation et le mot qui précède). Notons à ce propos que certaines polices de caractères (ou <em>fontes</em>) s&#8217;accordent mieux avec certaines langues. Ainsi en est-il pour l&#8217;expression française du <em>garamond</em> — les noms des fontes ne prennent pas de majuscule et s&#8217;écrivent en italique —, qui permet en outre le choix des glyphes (c&#8217;est-à-dire la forme des caractères).</p>
<p>Le susbtantif <em>espace</em> est de genre féminin dans les techniques de l&#8217;imprimerie. Les termes <em>majuscules</em> et <em>capitales</em> sont synonymes.</p>
<p>Une espace normale, dite aussi <em>demi-cadratin</em>, est de la même taille que le texte ; elle est obtenue par pression de la barre du clavier. Une espace insécable est une espace obtenue par combinaison de touches ou par l&#8217;insertion de caractères spéciaux ; elle est utilisée pour éviter le renvoi à la ligne d&#8217;un signe de ponctuation isolé ou la coupure incongrue entre deux mots.</p>
<h4>Point et point de suspension</h4>
<p>Le <em>point</em> est suivi d&#8217;une lettre majuscule. Il n&#8217;apparaît pas après trois points de suspension, une virgule, un point d&#8217;exclamation ou un point d&#8217;interrogation. Les <em>points de suspension</em> ont la valeur d&#8217;un point final à la fin d&#8217;une phrase. Ils ne doivent pas suivre l&#8217;abréviation <em>etc.</em>. Lorsqu&#8217;ils remplacent le passage d&#8217;un texte, ils doivent être placés entre crochets ou entre parenthèses. Leur composition ne doit pas s&#8217;effectuer en tapant trois points sur la clavier : il faut recourir aux caractères spéciaux. La <em>virgule</em>, suivie d&#8217;une espace insécable, précède toujours l&#8217;abréviation <em>etc.</em>.</p>
<h4>Point-virgule, point d&#8217;interrogation, point d&#8217;exclamation</h4>
<p>Le <em>point-virgule</em>, le <em>point d&#8217;interrogation</em>, le <em>point d&#8217;exclamation</em>  devraient être précédés d&#8217;une espace fine, qui vaut une espace insécable réduite de la moitié de l&#8217;espace normale. Comme la plupart des logiciels de traitement de texte usuels ne prend pas en charge cette fonctionnalité, on la remplace par une espace insécable. Lorsque le <em>point d&#8217;interogation</em> ou le <em>point d&#8217;exclamation</em> introduit une pause dans la phrase, le mot suivant ne doit pas commencer par une capitale.</p>
<h4>Deux-points, parenthèses</h4>
<p>Le deux-points marque le début d&#8217;un commentaire, d&#8217;une énumération ou d&#8217;une explication. Il est suivi d&#8217;une lettre minuscule, sauf lorsqu&#8217;il annonce une citation. Les <em>parenthèses</em> <em>ouvrante</em> ou <em>fermante</em>  ne contenant qu&#8217;un fragment de phrase ne sont jamais précédées d&#8217;une virgule, du point-virgule ou du deux-points.</p>
<h4>Guillemets, tirets et apostrophe</h4>
<p>Les <em>guillemets</em>, <em>ouvrant</em> ou <em>fermant</em>, sont utilisés pour rapporter une citation ou pour isoler un mot. Ils ne doivent pas être tapés en utilisant les guillemets simples proposés par le clavier qui correspondent à la langue anglaise, mais composés avec des doubles chevrons grâce aux caractères spéciaux. En revanche, les guillemets simples peuvent être utilisés à l&#8217;intérieur d&#8217;un texte lui-même entre guillemets. Une variante peut consister, selon nous, à recourir à l&#8217;emploi de l&#8217;italique, hormis lorsque la citation est précédée de <em>dit</em>, <em>dite</em>, <em><em>et cetera</em></em>. Lorsqu&#8217;une citation s&#8217;étend sur plusieurs lignes, chaque ligne doit commencer par un guillemet ouvrant et la dernière ligne doit être achevée par un guillemet fermant. Le <em>trait d&#8217;union</em> ne doit pas être confondu avec le <em>tiret en début de liste</em> et les <em>tirets</em> <em>ouvrant</em> (—) ou <em>fermant</em> une incise (—), car leurs longueurs ne sont pas identiques. Seul le trait d&#8217;union est accessible au clavier. De même, la composition de l&#8217;opérateur arithmétique de soutraction est différente. Le signe de l&#8217;<em>apostrophe</em> ne doit pas être saisi au clavier, car il n&#8217;est pas droit en français, mais culbuté. Il doit être composé avec son caractère spécial. (<em>Nota</em>. Sous <em>WordPress</em>, les guillemets doivent être saisis droits, ils sont convertis avant affichage.)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.iptima.com/2007/09/06/typographie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Advanced Wysiwyg Editor</title>
		<link>http://www.iptima.com/2007/08/11/plugin-advanced-wysiwyg-editor/</link>
		<comments>http://www.iptima.com/2007/08/11/plugin-advanced-wysiwyg-editor/#comments</comments>
		<pubDate>Sat, 11 Aug 2007 16:22:03 +0000</pubDate>
		<dc:creator>Vincent Roulet</dc:creator>
				<category><![CDATA[Conception]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Advanced Wysiwyg Editor]]></category>
		<category><![CDATA[balises]]></category>
		<category><![CDATA[caractères spéciaux]]></category>
		<category><![CDATA[Extensible HyperText Markup Language]]></category>
		<category><![CDATA[extensions]]></category>
		<category><![CDATA[Html]]></category>
		<category><![CDATA[HyperText Markup Language]]></category>
		<category><![CDATA[modules d'extension]]></category>
		<category><![CDATA[plugiciels]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[TinyMce]]></category>
		<category><![CDATA[Xhtml]]></category>

		<guid isPermaLink="false">http://www.iptima.com/?p=39</guid>
		<description><![CDATA[Le Plugin Advanced Wysiwyg Editor permet d&#8217;ajouter des fonctionnalités à l&#8217;interface de l&#8217;éditeur TinyMce. Ainsi Advanced Wysiwyg Editor autorise de justifier le texte, de couper, copier, coller, d&#8217;annuler ou de restaurer la dernière modification, de placer un caractère en indice &#8230; <a href="http://www.iptima.com/2007/08/11/plugin-advanced-wysiwyg-editor/">Lire la suite <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Le <em>Plugin</em> <a  href="http://blog.labnotes.org/2005/12/26/advanced-editing-for-wordpress-20/" target="_blank" title="accéder au site du Plugin Advanced Wysiwyg Editor (s'ouvre dans une nouvelle fenêtre)">Advanced Wysiwyg Editor</a> permet d&#8217;ajouter des fonctionnalités à l&#8217;interface de l&#8217;éditeur <em>TinyMce</em>.</p>
<p><span id="more-39"></span></p>
<p>Ainsi <strong>Advanced Wysiwyg Editor</strong> autorise de justifier le texte, de couper, copier, coller, d&#8217;annuler ou de restaurer la dernière modification, de placer un caractère en indice ou en exposant, de choisir la couleur du texte et de l&#8217;arrière-plan, d&#8217;insérer un caractère spécial, d&#8217;accéder à la source de l&#8217;article en <abbr title="eXtensible HyperText Markup Language">Xhtml</abbr>.</p>
<p>Pour des raisons étranges, l&#8217;installation d&#8217;<strong>Avanced Wysiwyg Editor</strong> a provoqué la disparition des boutons <em>Couper un article en deux avec la balise more</em> (que nous retrouvons avec le mode <em>Code</em>), <em>Correcteur orthoghraphique</em> et <em>Aide</em>. Nous avons lu qu&#8217;une deuxième barre d&#8217;outils devait apparaître, mais nous n&#8217;avons pu l&#8217;activer, ni sous <abbr title="Microsoft Internet Explorer">Msie</abbr>, ni sous <abbr title="Mozilla Firefox">Firefox</abbr> !</p>
<p>Toutefois, accéder à la source <abbr title="eXtensible HyperText Markup Language">Xhtml</abbr> de nos articles nous permet d&#8217;être encore plus précis pour ouvrir et fermer les balises qu&#8217;avec l&#8217;éditeur en mode <em>code</em> : parfois, espaces ou balises incongrues se placent dans la source du texte, et le <abbr title="eXtensible HyperText Markup Language">Xhtml</abbr> n&#8217;est pas alors bien formé.</p>
<p>De plus, nous apprécions de pouvoir insérer des caractères spéciaux, notamment afin d&#8217;accentuer les capitales, conformément aux usages de la typgraphie moderne. Lorsque l&#8217;on composait au plomb, la parcimonie était excusable ! Aujourd&#8217;hui, l&#8217;outil informatique facilite certains ornements qui améliorent la compréhension. Ainsi, comparons les expressions suivantes : </p>
<p class="center"><code>LE PALAIS DES CONGRES et LE PALAIS DES CONGRÈS</code></p>
<p>Pourtant, nous déconseillons l&#8217;emploi des indices et des exposants, qui provoquent des décalages dans les hauteurs de ligne fort désagréables sur le plan visuel. Pour s&#8217;en convaincre, il suffit de consulter le site d&#8217;un quotidien français vespéral !</p>
<p>Au fait, et contrairement à une faute répandue, <em>numéro</em> ne s&#8217;écrit pas en abrégé avec un <em>n</em> et <em>°</em>. <em>°</em> est réservé à des mesures physiques ! La forme raccourcie correcte du mot est la lettre <em>n</em> suivie de la lettre <em>o</em> placée en exposant. Pour respecter les normes typgraphiques, on se contentera, en <abbr title="HyperText Markup Language">Html</abbr>, de saisir <em>no</em>.</p>
<p><strong>&#60;addendum&#62;</strong></p>
<p><em>21/03/2008.</em></p>
<p><strong>Advanced Wysiwyg Editor</strong> permet d&#8217;inscrire en <em>dur</em> les balises <abbr title="eXtensible HyperText Markup Language">Xhtml</abbr> des articles et des pages dans la base de données, y compris les marques des paragraphes, ce n&#8217;est pas le cas du mode <em>code</em> de TinyMce. Hélas, là encore, la <em>texturisation</em> du code pour l&#8217;affichage laisse à désirer, car la <em>moulinette</em> de <em>WordPress</em> aime à rajouter systématiquement la balise de fermeture d&#8217;un paragraphe.</p>
<p><strong>&#60;/addendum&#62;</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.iptima.com/2007/08/11/plugin-advanced-wysiwyg-editor/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

