How to put the header numberings right-aligned in the margin? [closed] - html

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I would like to put the header numberings in the margin. Here is an example:
As you can observe, the number are right-aligned in the margin and the text header are justified on the principal margin.
Is it possible to make a little example on JSFiddle, please? Here is my test: https://jsfiddle.net/79ehtbqb/1/
<div class="container">
<h1><span class="number">2</span>Le stockage de l'énergie</h1>
<div class="box">
<div class="toc-h1"><span class="number">2.1</span>Le stockage de l'énergie</div>
<div class="toc-h1"><span class="number">2.2</span>Les défis du secteur de l'énergie</div>
<div class="toc-h1"><span class="number">2.3</span>One-dimensional Momentum</div>
<div class="toc-h2"><span class="number">5.2.1</span>Conservation de la quantité de mouvement</div>
<div class="toc-h2"><span class="number">5.2.2</span>Bernouilli</div>
<div class="toc-h2"><span class="number">5.2.3</span>La poussée</div>
<div class="toc-h2"><span class="number">5.2.4</span>Le facteur d'induction axial</div>
</div>
<h2><span class="number">2.1</span>Le stockage de l'énergie</h2>
<p>Face à la menace que représente le réchauffement climatique pour l’ensemble de l’humanité, des accords internationaux ont été conclus, qui engagent les Etats signataires sur des objectifs de maîtrise de l’énergie et de réduction des émissions de gaz à effet de serre.</p>
<h3><span class="number">2.1.1</span>Le stockage de l'énergie</h3>
<p>Face à la menace que représente le réchauffement climatique pour l’ensemble de l’humanité, des accords internationaux ont été conclus, qui engagent les Etats signataires sur des objectifs de maîtrise de l’énergie et de réduction des émissions de gaz à effet de serre.</p>
Note: to hyphenate the text, I will used Hyphenator.js

Related

API data comes in html to react native project [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 4 days ago.
This post was edited and submitted for review 4 days ago and failed to reopen the post:
Original close reason(s) were not resolved
Improve this question
I'm fetching data from an API with axios in a react native project, the problem is I get the data with html tags and styles, is there a library or a way I can modify these styles? I've tried the react library htmlRENDER which allows me to render the data in react native, but I can't modify the html classes and id's. Below I leave the html data as I see it in my terminal when fetched:
<section id=\"pdpTerminos\">
\n
<div class=\"container\">
\n
<div style=\"\">
\n <p style=\"font-size: 16px;\">\n Prueba de diagnóstico por imágenes que permite la detección oportuna del cáncer que se utiliza como estudio complementario tras la realización de una mastografía.\n </p>\n <p style=\"color: #0063a6;font-weight: 600;font-family: 'product_sansbold';\"><strong>¿Qué incluye?</strong></p>\n
<p>Mastografía con ultrasonido</p>
\n
</div>
\n
</div>
\n
<div class=\"container\">
\n
<div class=\"incluye mb-5\">
\n
<div class=\"row\">
\n <div style=\"width:100%; float:left;font-size:20px;\">\n
<h2>\n <span class=\"title\"\n style=\"color: #0063a6;font-size:20px;margin: 5px 0;font-weight: 600;font-family: 'product_sansbold';\">\n <strong>Información del servicio</strong></span>\n </h2>
\n <p style=\"font-weight: 600;margin-top: 2rem;\">\n
<span style=\"font-size:20px;\"><strong>Mastografía con ultrasonido</strong></span>\n </p>\n\n
<p>\n El ultrasonido mamario permite revisar la mama de manera más específica cuando se requiere analizar alguna región en particular, o bien, permite diferenciar los nódulos sólidos de los quísticos, algo que no puede hacer la mastografía. También sirve como guía para intervenciones quirúrgicas o biopsias, además de ser un método seguro, no invasivo y que no utiliza radiación. \n
<br><br>Esta prueba se puede realizar en mujeres antes de los 30 años de edad y se considera un estudio complementario
de la mastografía. \n <br><br>Consulta a tu médico acerca de las mejores opciones para una vida saludable.\n
</p>
\n
</div>
\n
</div>
\n \n
</div>
\n <div class=\"terminos\" style=\"float: left;\">\n <h2 style=\"font-weight: 600;margin-top: 2rem;\"><span style=\"font-size:20px;color: #0063a6;font-family: 'product_sansbold';\">\n <strong>Términos y condiciones</strong>\n </span>\n </h2>\n <ul class=\"mt-3\" style=\"list-style: none; padding:0;margin-top: 1rem;font-size:20px;\">\n
<li >- Precio con IVA incluido.</li>
\n
<li >- Pago en un sola exhibición.</li>
\n
<li >- No aplica con otras promociones. </li>
\n
<li >- Precio exclusivo en linea. </li>
\n
<li >- Vigencia al 31 de Diciembre 2022. </li>
\n </ul>\n </div>\n </div>\n
</section>

Html style not displayed on my Qweb Report

I got a Qweb Report on odoo11 that works perfectly ,but when i try adapting it on odoo12 the Html text loose it's style after adding [url.report ,http:/0.0.0.0:8069]
Here My Html field :
CGV_field = fields.Html(string="CGV", default=
"""<div><b>EXEMPLE DE CONDITIONS GENERALES DE VENTE</b></div>
<div><b><br>\n</b></div>
<b>Article 1 – Objet</b>
<br>
<p>Les présentes conditions régissent les ventes par la société (catégories ou nature des produits commercialisés par le site Internet).</p>
<br>
<b>Article 2 – Prix</b>
<br>
<p>Les prix de nos produits sont indiqués en Dinars toutes taxes comprises (TVA et autres taxes applicables au jour de la commande), sauf
indication contraire et hors frais de traitement et d’expédition.
Toutes les commandes quelle que soit leur origine sont payables en dinars.
La société se réserve le droit de modifier ses prix à tout moment, mais le produit sera facturé sur la base du tarif en vigueur au moment de la
validation de la commande et sous réserve de disponibilité.
Les produits demeurent la propriété de la société jusqu’au paiement complet du prix.
Attention : dès que vous prenez possession physiquement des produits commandés, les risques de perte ou d’endommagement des
produits vous sont transférés.</p>"""
Calling it on xml report :
<template id="report_cgv_account">
<t t-call="web.html_container">
<t t-foreach="docs" t-as="o">
<t t-call="elosys_cgv_in_report.internal_layout_cgv_o">
<div class="page">
<div class="oe_structure"/>
<div class="row" style="margin-left:10px;margin-right:10px;">
<span style=" margin-left:10px;margin-right:10px;" t-raw="o.company_id.CGV_field"/>
</div>
</div>
</t>
</t>
</t>
</template>
what it's supposed to show :
What i've got :
The System parameters key is report.url not url.report.
I've found the answer if any of you wish to know :
just add <![CDATA[ ]]> before <span>

ITextRenderer - TextBox out of generated Pdf mediabox

I'm trying to convert a html content document to pdf using ITextRenderer using this version of library:
implementation group: 'org.xhtmlrenderer', name: 'flying-saucer-pdf-itext5', version: '9.1.22'
This is what I'm doing to convert my html to pdf:
ByteArrayOutputStream byteArrayOutputStream = new ByteArrayOutputStream();
ITextRenderer renderer = new ITextRenderer();
renderer.setDocumentFromString(getXHTMLFromHTML(out.toString()));
renderer.layout();
renderer.createPDF(byteArrayOutputStream);
However I'm getting a problem with a specific part of my html, a table that's supposed to be a list. This is the result in adobe acrobat:
As you can see the text box is out of the mediabox of the pdf, there's no cropbox present, and the result is that text is not fully visible.
Here is the html that causes this issue:
<div id="4a9dc6ae-3d2e-448b-8e70-3422659f87bd" class="alinea">
<p>Ne sont pas déductibles les dépenses suivantes:</p>
<table id="9c582e44-1932-4bee-b93e-6fb75b725f4b" style="width: 1127px;" class="custom-list">
<tbody class="body number-style dot-separator">
<tr class="row">
<td class="cell">1.</td>
<td class="cell">les dépenses faites en vue de remplir des obligations imposées � la collectivité par ses statuts ou son pacte social;</td>
</tr>
<tr class="row">
<td class="cell">2.</td>
<td class="cell">l'impôt sur le revenu des collectivités, l'impôt sur la fortune et l'impôt commercial communal;</td>
</tr>
<tr class="row">
<td class="cell">3.</td>
<td class="cell">les rémunérations imposables en vertu du premier alinéa, numéro 2 de l'<a id="e48d16e9-3eeb-4d99-91c3-f97b8d206a5e" href="https://00f74ba44b4a6fc879f193e8a262c50fb07e0f7d81-apidata.googleusercontent.com/#/o/link/1/a0ea877e-3736-4ce9-b09f-fc1be79b787a" class="tech_content LINK_INTERN">article 91</a>;</td>
</tr>
<tr class="row">
<td class="cell">4.</td>
<td class="cell">les dépenses faites dans un but cultuel, charitable ou d'intérêt général sans préjudice de la disposition prévue au premier alinéa, numéro 3 de l'<a id="3e74194c-2ae3-4b41-9efc-c6a1c23102cb" href="https://00f74ba44b4a6fc879f193e8a262c50fb07e0f7d81-apidata.googleusercontent.com/#/o/link/1/a0eb1cc1-3e9c-4175-9a52-be2d0b6cc455" class="tech_content LINK_INTERN">article 109;</a></td>
</tr>
<tr>
<td>5.</td>
<td>les intérêts ou redevances dus lorsque les conditions suivantes sont simultanément remplies :
<table class="custom-list" id="02812a11-d2d0-92cb-9c78-e9fa30f8fa1d" style="width: 955px;">
<tbody class="body lower-alpha-style one-bracket-separator">
<tr class="row">
<td class="cell">a)</td>
<td class="cell">le bénéficiaire des intérêts ou redevances est un organisme � caractère collectif au sens de l’article 159. Si le bénéficiaire n’est pas le bénéficiaire effectif, il y a lieu de prendre en considération le bénéficiaire effectif ;</td>
</tr>
<tr class="row">
<td class="cell">b)</td>
<td class="cell">l’organisme � caractère collectif qui est le bénéficiaire des intérêts ou redevances est une entreprise liée au sens de l’article 56 ;</td>
</tr>
<tr class="row">
<td class="cell">c)</td>
<td class="cell">l’organisme � caractère collectif qui est le bénéficiaire des intérêts ou redevances est établi dans un pays ou territoire figurant � l’annexe I des conclusions du Conseil de l’Union européenne relatives � la liste révisée de l’Union européenne des pays et territoires non coopératifs � des fins fiscales (ci-après « annexe I »), dans les conditions spécifiées ci-après.</td>
</tr>
</tbody>
</table><p></p><p>Toutefois, la disposition du présent numéro n’est pas applicable si le contribuable apporte la preuve que l’opération � laquelle correspondent les intérêts ou redevances dus est utilisée pour des motifs commerciaux valables qui reflètent la réalité économique.</p><p></p><p>Le terme « intérêts » employé dans le présent numéro désigne les intérêts et arrérages dus qui se rapportent � des créances de toute nature, assorties ou non de garanties hypothécaires ou d’une clause de participation aux bénéfices du débiteur, et notamment les intérêts et arrérages d’obligations d’emprunts, y compris les primes et lots attachés � ces titres. Les pénalisations pour paiement tardif ne sont pas considérées comme des intérêts au sens du présent numéro.</p><p></p><p>Le terme « redevances » employé dans le présent numéro désigne les rémunérations de toute nature dues pour l’usage ou la concession de l’usage d’un droit d’auteur sur une œuvre littéraire, artistique ou scientifique, y compris les films cinématographiques, d’un brevet, d’une marque de fabrique ou de commerce, d’un dessin ou d’un modèle, d’un plan, d’une formule ou d’un procédé secrets et pourdes informations ayant trait � une expérience acquise dans le domaine industriel, commercial ou scientifique.</p><p></p><p>À partir du 1er mars 2021, la disposition du présent numéro s’applique concernant les pays et territoires qui figurent � l’annexe I, dans sa dernière version, telle que publiée au Journal officiel de l’Union européenne � cette date. À partir du 1er janvier de chaque année qui suit, elle s’applique concernant les pays et territoires qui figurent � l’annexe I, dans sa dernière version au 1er janvier de l’année subséquente en question, telle que publiée au Journal officiel de l’Union européenne � cette date.</p><p></p><p>Toutefois, lorsque des pays et territoires ne figurent plus � l’annexe I, dans sa dernière version au 1er janvier d’une année subséquente, telle que publiée au Journal officiel de l’Union européenne � cette date, la disposition du présent numéro cesse de s’appliquer concernant ces pays et territoires dès la date de publication au Journal officiel de l’Union européenne de l’annexe I dans sa dernière version mentionnée ci-avant. En cas de version antérieure de l’annexe I au cours de la même année opérant pour la première fois le retrait du pays ou territoire en question, la disposition du présent numéro cesse de s’appliquer déj� dès la date de publication au Journal officiel de l’Union européenne de l’annexe I, dans une telle version antérieure opérant le retrait du pays ou territoire en question.</p></td>
</tr>
</tbody>
</table>
</div>
Thank you very much for help, I have look everywhere but I don't see anybody having this issue.
So turns out that itext wraps the content of a table inside the margins of the pdf only if the table (or any element) does not provide a fixed width or height. So the solution for me in this case was to remove the width and height from my html table.

sed remove anchor from text on specific href

I need to remove anchor in an HTML file, but only those with href containing todaycycling.com/tag.
What I do have:
<strong>Un Allemand peut en cacher un autre. Après Marcel Kittel, c\'est André Greipel qui a imposé sa pointe de vitesse à l\'issue de la cinquième étape du Tour d\'Italie. Dans une arrivée en faux plat montant, le sprinteur de la formation Lotto Soudal a produit un intense effort pour aller chercher la victoire devant Arnaud Démare (FDJ), encore deuxième, et Sonny Colbrelli (Bardiani-CSF).
What I am willing to have:
<strong>Un Allemand peut en cacher un autre. Après Marcel Kittel, c\'est André Greipel qui a imposé sa pointe de vitesse à l\'issue de la cinquième étape du Tour d\'Italie. Dans une arrivée en faux plat montant, le sprinteur de la formation Lotto Soudal a produit un intense effort pour aller chercher la victoire devant Arnaud Démare (FDJ), encore deuxième, et Sonny Colbrelli (Bardiani-CSF).
What I have tried so far:
sed 's|<a [^>]*todaycycling\.com\/tag\/[^>]*>\([^>]*\)</a>|\1|Ig' old.html > new.html
You were really close from the result, you can use the following sed command for this purpose:
sed 's#<a\s\+href\s*=\s*\\"http://todaycycling\.com/[^>]*>\([^<]*\)</a>#\1#g' tourDeFrance.txt
output:
<strong>Un Allemand peut en cacher un autre. Après Marcel Kittel, c\'est André Greipel qui a imposé sa pointe de vitesse à l\'issue de la cinquième étape du Tour d\'Italie. Dans une arrivée en faux plat montant, le sprinteur de la formation Lotto Soudal a produit un intense effort pour aller chercher la victoire devant Arnaud Démare (FDJ), encore deuxième, et Sonny Colbrelli (Bardiani-CSF).

Html rendering in ios

In order to render html tags in the description section of my ios app . im using "core text extension"
Normally it is working 100%.
But sometimes its not working.It is displayng a blank section.
ex - :
COMITE DE SELECTION « ARTWIGO »COMMENT ÇA MARCHE ? But et objectifs du comité de sélectionLe but de notre comité de sélection est d’opérer un choix, réfléchi et cohérent, des artistes présentés par ARTWIGO ; ceci, afin de préserver la qualité et le niveau nécessaires au succès de l’application et donc, de garantir la promotion des artistes.Cette sélection tient compte de critères spécifiques à chaque type d’expression artistique.Le comité est composé de spécialistes, indépendants, reconnus dans chaque domaine proposé par « Artwigo » et venant d’univers différents ;Le comité de sélection est constitué de 11 membres répartis de la manière suivante :- 3 membres « fondateurs » composant le bureau- 6 membres composant le comité consultatif.Christine Jamart, rédactrice en chef de l’Art Même. BruxellesCarine Fol, Directrice Artistique de La Centrale Electrique. BruxellesJoël Benzakin, Bela Edition. BruxellesJean-Louis Godefroid, Directeur Espace Contretype. BruxellesAndré Goldberg, resonsable Secteur Arts Plastiques au Centre Culturel Jacques Franck. BruxellesEmmanuel d’Autreppe, responsable de l’Annexe des Brasseurs (art contemporain). LiègeLa composition du bureau du comité est la suivante :Le Directeur du Comité : Jean-François Picaud Laethier de Morfouace La Secrétaire générale : Carole de Vleeschouwer le Rapporteur : Joël Van AudenhaegeLe comité de sélection se prononce à la majorité des voix.Confidentialité Le résultat des votes et leurs motivations ne sont pas fournis aux candidats.Les candidats sont juste informés, par email, de l’acceptation ou du rejet de leur candidature par la Secrétaire générale.Référence jfplm08-10-2012
Im rendering this using the folowing code structure
htmlText = [htmlText stringByReplacingOccurrencesOfString:#"''" withString:#"'"];
NSData *data = [htmlText dataUsingEncoding:NSUTF8StringEncoding];
NSAttributedString *string = [[NSAttributedString alloc] initWithHTML:data options:nil documentAttributes:NULL];
[DTAttributedTextContentView setLayerClass:[CATiledLayer class]];
DTAttributedTextView *_textView = [[DTAttributedTextView alloc] initWithFrame:frame];
_textView.textDelegate = self;
_textView.attributedString = string;
[self.view addSubview:_textView];
I dont know the reason but its not rendering properly
Is thr any solution for this issue
Thank you