BillBryson

Customize Elixir Earmark p tag output

I’m trying to customize the outputted p tag when using Earmark.as_html!/2.

For example, I’d like this input:

Earmark.as_html!("Hello world")

To return: <p style="color: #000000;">Hello world</p>. Here the color is applied dynamically. I was looking through the docs but did not see something that would fit my needs, perhaps I missed it? Any help would be appreciated.

8 comments

#earmark

3 1659 8

2020-12-08 18:49:08 UTC

Most Liked

RobertDober

Sorry for blending in so late, but I needed some time to get my focus back on Earmark

As a matter of fact the split of EarmarkParser was also motivated by giving Earmark more liberties to create code that is not needed by ex_doc and its zillions of users

Therefor I have started to implement an Ast Walker and the option to integrate an Ast Postprocessor
A good starting point on how to use it is here:

github.com

pragdave/earmark/blob/i398_ast_post_processing/test/acceptance/postprocessor_test.exs

defmodule Acceptance.PostprocessorTest do
  use ExUnit.Case


  describe "nop" do
    test "empty edge case" do
      assert post("", id())  == {:ok, [], []}
    end
    test "nop on ast" do
      assert post("hello", id())  == {:ok, [{"p", [], ["hello"], %{}}], []}
    end
  end

  describe "adding an attribute to all 'p' tags" do
    test "one level only" do
      assert post("hello", add_attr("p", :class, "classy")) ==
        {:ok, [{"p", [class: "classy"], ["hello"], %{}}], []}
    end
  end

This file has been truncated. show original

As this is WIP please do not hesistate to give me some input what might be better or more useful.

Sorry no doc yet, but I need the feature to be stable first.

Here is the implementation:
postprocess option
and Ast Walker

Post #8

BillBryson

Sorry, I misread. Not a specific string of “hello world”. I want apply a style to all these p tags. This solution works, I just required a 4 element tuple in place of a 3 element one for the parse function, which the example provided.

Thank you for your help.

Post #7

Where Next?

View thread on forum (has 8 responses!)

earmark

Home Questions & Help>Questions

#earmark

3 1660 8

Last post

Popular in Questions

Questions & Help>Questions

How to fix Bad argument in call to erlang:'++'(<<"xxx/crash.log">>, ".3") in lager_rotator_default:rotate_logfile/2 line 84

Erlang/OTP 25 [erts-13.2.2] [source] [64-bit] [smp:8:8] [ds:8:8:10] [async-threads:1] 15:22:35.803 [error] gen_event {lager_file_backend...

#production #error #log

2 46314 2

2024-02-18 13:22:44 UTC

New

Questions & Help>Questions

Why use `utc_datetime` over `naive_datetime` for Ecto?

Hi all, Trying to get some more clarity over utc_datetime and naive_datetime for Ecto: https://hexdocs.pm/ecto/Ecto.Schema.html#module-...

#ecto #timestamps #datetime #timezones

115 14814 19

2023-03-29 15:19:32 UTC

New

Questions & Help>Questions

Docker run Error loading shared library libstdc++.so.6 and libgcc_s.so.1

I am trying to run a deploy with docker and I successfully runned with this command: docker build -t romenigld/blog-prod . but when I t...

/phoenix #deployment #docker-compose

30 19932 15

2022-06-16 15:43:30 UTC

New

Questions & Help>Questions

Deploying Elixir into ECS causing many "'global' at node :"xxxxx@10.0.X.X" requested disconnect from node :"xxxx@10.0.X.X" in order to prevent overlapping partitions"

We have an ECS cluster with 4 services, where each task joins a single cluster, via discovery ECS discovery service. Currently when I de...

#deployment

2 85219 3

2023-11-16 22:55:34 UTC

New

Questions & Help>Questions

Using VSCode on multiple monitors

Hello everybody, usually, I use a 29" ultra-wide monitor for VSCode which can easily accomodate explorer (files panel) + file with code ...

#vscode #vscode-elixir

7 17615 6

2021-04-16 15:44:36 UTC

New

Questions & Help>Questions

Ecto delete a record WITHOUT selecting first

Forgive me if this is obvious, but how does one delete a database record WITHOUT selecting it first? https://hexdocs.pm/ecto/Ecto.Repo.h...

#ecto #optimization #delete-method

22 16810 8

2021-03-03 16:08:24 UTC

New

Questions & Help>Questions

How to describe many contexts in ExUnit without a hierarchy

ExUnit now has describe blocks which is a welcome addition coming from RSpec. In the docs, it states that nested hierarchies of describe ...

#testing #exunit

66 16773 4

2017-03-25 17:02:28 UTC

New

Questions & Help>Questions

Learning Elixir, frst impressions ( plz don't kill me ! )

About me? ( if you have nothing better to do than reading about some random guy in the internet :stuck_out_tongue: ) Hello all, this is ...

#learning-elixir

371 25801 61

2018-09-27 19:27:50 UTC

New

Questions & Help>Questions

Get a char from a string by index

Given a string, how can I get access to its character by index? Enum.at("my_string", 2) doesn't work. Or rather, not char, but a substr...

12 13252 4

2022-09-07 04:24:51 UTC

New

Questions & Help>Questions

How do I read a file and enumerate its lines

I have a super simple question about elixir - how would I take a file like this foo bar baz and output a new file that enumerates th...

#how-to-question

20 15454 3

2022-06-29 13:41:06 UTC

New

Other popular topics

Questions & Help>Questions

How to fix Bad argument in call to erlang:'++'(<<"xxx/crash.log">>, ".3") in lager_rotator_default:rotate_logfile/2 line 84

Erlang/OTP 25 [erts-13.2.2] [source] [64-bit] [smp:8:8] [ds:8:8:10] [async-threads:1] 15:22:35.803 [error] gen_event {lager_file_backend...

#production #error #log

2 46314 2

2024-02-18 13:22:44 UTC

New

Questions & Help>Questions

Idiomatic guard clause for checking not nil

What is the idiomatic way of matching for not nil in Elixir? E.g., First way: defp halt_if_not_signed_in(conn, signed_in_account) when...

#guard-clauses

13 43178 3

2018-11-28 20:03:07 UTC

New

Questions & Help>Questions

What is the best approach for fetching large amount of records from postgresql with ecto

Hi there, I am working with Ecto-Postgresql and I need to call all of the records from a specific table but the table has 40,000 record...

#ecto

126 24587 27

2023-03-08 19:47:27 UTC

New

Questions & Help>Questions

Ecto query using like/ilike in query

Good day to you all. I have been struggling to get a query involving like and ilike to work. Can anyone assist me on this, please? pro...

#ecto

17 16504 10

2022-09-15 19:56:29 UTC

New

Learning Resources>Guides/Tuts/Tips/Info

Phoenix 1.6.0 LiveView + esbuild + Tailwind JIT + AlpineJS - A brief tutorial

I couldn’t find any guides that worked well with Phoenix 1.6.0 and esbuild. I hope this helps people test the waters and eases you into t...

/phoenix #liveview

137 17627 35

2023-01-12 16:26:18 UTC

New

Questions & Help>Questions

How to check Elixir version

I wanted to check elixir version in phoenix because i found that my elixir is 1.5 but when i use Enum.chunk_by it said the function is un...

#how-to-question

11 18647 3

2017-08-16 10:25:56 UTC

New

Questions & Help>Questions

How to decode a JSON into a struct safely?

What’s the safe way to decode a JSON string into a struct? I want to avoid calling String.to_atom. Jason.decode can give me a map with st...

#structs #json

29 20780 26

2022-11-01 19:09:59 UTC

New

Questions & Help>Questions

Write while loop equivalent in elixir

I have a another noob question about loop. Since elixir is immutable, while loop is not directly possible. total = 10 while total != 0 ...

#while #loop

60 28200 36

2023-10-19 09:05:29 UTC

New

Questions & Help>Questions

Elixir for game development

Hey all, I discovered Elixir and I love it. I always wanted to learn a functional programming and I intended to go for Haskell, but afte...

#game

30 23202 25

2019-07-01 02:20:57 UTC

New

Questions & Help>Questions

Pattern match with multiple match options

I will often find my self writing things similar to: case some_value do nil -> something() "" -> something() _ -> someth...

#pattern-matching #how-to-question

29 15490 6

2017-11-07 18:34:26 UTC

New

Questions & Help>Questions

Phoenix phx.gen.auth for umbrella app, how to: mix phx.gen.auth Accounts User users

Questions & Help>Questions

Nerves Buildroot for Arduino UNO Q

Questions & Help>Questions

CLI tool to get function name from line of source code

Questions & Help>Questions

Error: corrupt atom table using 1.19.3/OTP28 vs 27

Questions & Help>Questions

Reverse_proxy_plug appears to not use :verify and :cacerts arguments

Questions & Help>Questions

Why does _build/dev/consolidated get wiped out after mix format?

Questions & Help>Questions

Oban Pro website down

Questions & Help>Questions

Is this usage of Repo.transact an anti-pattern?

Questions & Help>Questions

Skipping validations when calling `Ash.can?`

Questions & Help>Questions

How to model this kind of project in Ash?

Questions & Help>Questions

Questions Questions ❯

Latest on Elixir Forum

Nerves v1.14.3 released!

News>News & Updates

Oban v2.23.0 released!

News>News & Updates

Membrane v1.2.6 released!

News>News & Updates

Changes to the struct update syntax

Official Elixir>Notices

2026/12/08- Advent of Code - Fukuoka, Japan

Events/Confs/Meet Ups>List

Senior Elixir Engineer - Elixir/Phoenix/Ash, Fresh Clinics, Remote (AUS / Sydney HQ)

Jobs & Member Profiles>Jobs

Setting up for Advent of Code 2025

Learning Resources>Coding Challenges

Patch Package OTP 28.2 Released

News>Erlang News

`maint` and `master` have been force-pushed to correct a mistake, again

News>Erlang News

Elixir and Phoenix developer - visuellverstehen, Flensburg / Dortmund, Remote Germany - German required

Jobs & Member Profiles>Jobs

Phoenix phx.gen.auth for umbrella app, how to: mix phx.gen.auth Accounts User users

Questions & Help>Questions

Distributed Elixir Made Simple - Johanna Larsson | ElixirConf EU 2025

Learning Resources>Talks

ExSift - High-performance MongoDB-style query filtering for Elixir

News>Announcing

Nerves Buildroot for Arduino UNO Q

Questions & Help>Questions

Keynote: CyanView & Elixir in Broadcasts – Daniil Popov, David Bourgeois | Code BEAM Europe 2025

Learning Resources>Talks

Elixir Forum ❯

Sub Categories:

Forums

We're in Beta

About us Mission Statement

Customize Elixir Earmark p tag output

BillBryson

Customize Elixir Earmark p tag output

Most Liked

RobertDober

BillBryson

Where Next?

Popular in Questions

How to fix *Bad argument in call to erlang:'++'(<<"xxx/crash.log">>, ".3") in lager_rotator_default:rotate_logfile/2 line 84*

Why use `utc_datetime` over `naive_datetime` for Ecto?

Docker run Error loading shared library libstdc++.so.6 and libgcc_s.so.1

Deploying Elixir into ECS causing many "'global' at node :"xxxxx@10.0.X.X" requested disconnect from node :"xxxx@10.0.X.X" in order to prevent overlapping partitions"

Using VSCode on multiple monitors

Ecto delete a record WITHOUT selecting first

How to describe many contexts in ExUnit without a hierarchy

Learning Elixir, frst impressions ( plz don't kill me ! )

Get a char from a string by index

How do I read a file and enumerate its lines

Other popular topics

How to fix *Bad argument in call to erlang:'++'(<<"xxx/crash.log">>, ".3") in lager_rotator_default:rotate_logfile/2 line 84*

Idiomatic guard clause for checking not nil

What is the best approach for fetching large amount of records from postgresql with ecto

Ecto query using like/ilike in query

Phoenix 1.6.0 LiveView + esbuild + Tailwind JIT + AlpineJS - A brief tutorial

How to check Elixir version

How to decode a JSON into a struct safely?

Write while loop equivalent in elixir

Elixir for game development

Pattern match with multiple match options

Questions & Help>Questions

Latest on Elixir Forum

Sponsor Spotlight

Our Sponsors

Categories:

Sub Categories:

Forums

Our Sponsors

We're in Beta

How to fix Bad argument in call to erlang:'++'(<<"xxx/crash.log">>, ".3") in lager_rotator_default:rotate_logfile/2 line 84

How to fix Bad argument in call to erlang:'++'(<<"xxx/crash.log">>, ".3") in lager_rotator_default:rotate_logfile/2 line 84