1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
|
package org.wordpress.android.editor;
import android.graphics.Color;
import android.graphics.Typeface;
import android.os.Build;
import android.support.annotation.NonNull;
import android.text.Spannable;
import android.text.style.CharacterStyle;
import android.text.style.ForegroundColorSpan;
import android.text.style.RelativeSizeSpan;
import android.text.style.StyleSpan;
import org.wordpress.android.util.AppLog;
import java.util.regex.Matcher;
import java.util.regex.Pattern;
public class HtmlStyleUtils {
public static final int TAG_COLOR = Color.rgb(0, 80, 130);
public static final int ATTRIBUTE_COLOR = Color.rgb(158, 158, 158);
public static final String REGEX_HTML_TAGS = "(<\\/?[a-z][^<>]*>)";
public static final String REGEX_HTML_ATTRIBUTES = "(?<==)('|\")(.*?\\1)(?=.*?>)";
public static final String REGEX_HTML_COMMENTS = "(<!--.*?-->)";
public static final String REGEX_HTML_ENTITIES = "("|&|'|<|>| |¡|¢|£" +
"|¤|¥|¦|§|¨|©|ª|«|¬|­|®|¯|°|±" +
"|²|³|´|µ|¶|·|¸|¹|º|»|¼|½|¾|¿" +
"|À|Á|Â|Ã|Ä|Å|Æ|Ç|È|É|Ê|Ë|Ì|Í" +
"|Î|Ï|Ð|Ñ|Ò|Ó|Ô|Õ|Ö|×|Ø|Ù|Ú|Û" +
"|Ü|Ý|Þ|ß|à|á|â|ã|ä|å|æ|ç|è|é" +
"|ê|ë|ì|í|î|ï|ð|ñ|ò|ó|ô|õ|ö|÷" +
"|ø|ù|ú|û|ü|ý|þ|ÿ|Œ|œ|Š|š|Ÿ|ƒ" +
"|ˆ|˜|Α|Β|Γ|Δ|Ε|Ζ|Η|Θ|Ι|Κ|Λ|Μ" +
"|Ν|Ξ|Ο|Π|Ρ|Σ|Τ|Υ|Φ|Χ|Ψ|Ω|α|β" +
"|γ|δ|ε|ζ|η|θ|ι|κ|λ|μ|ν|ξ|ο|π" +
"|ρ|ς|σ|τ|υ|φ|χ|ψ|ω|ϑ|ϒ|ϖ| | " +
"| |‌|‍|‎|‏|–|—|‘|’|‚|“|”|„" +
"|†|‡|•|…|‰|′|″|‹|›|‾|⁄|€|ℑ" +
"|℘|ℜ|™|ℵ|←|↑|→|↓|↔|↵|⇐|⇑|⇒" +
"|⇓|⇔|∀|∂|∃|∅|∇|∈|∉|∋|∏|∑|−" +
"|∗|√|∝|∞|∠|∧|∨|∩|∪|∫|∴|∼|≅" +
"|≈|≠|≡|≤|≥|⊂|⊃|⊄|⊆|⊇|⊕|⊗|⊥" +
"|⋅|⌈|⌉|⌊|⌋|〈|〉|◊|♠|♣|♥|♦|"" +
"|&|'|<|>| |¡|¢|£|¤|¥|¦|§|¨|©|ª" +
"|«|¬|­|®|¯|°|±|²|³|´|µ|¶|·|¸" +
"|¹|º|»|¼|½|¾|¿|À|Á|Â|Ã|Ä" +
"|Å|Æ|Ç|È|É|Ê|Ë|Ì|Í|Î|Ï|Ð" +
"|Ñ|Ò|Ó|Ô|Õ|Ö|×|Ø|Ù|Ú|Û|Ü" +
"|Ý|Þ|ß|à|á|â|ã|ä|å|æ|ç|è" +
"|é|ê|ë|ì|í|î|ï|ð|ñ|ò|ó|ô" +
"|õ|ö|÷|ø|Ù|Ú|Û|Ü|ý|þ|ÿ|Œ" +
"|œ|Š|š|Ÿ|ƒ|ˆ|˜|Α|Β|Γ|Δ|Ε|Ζ" +
"|Η|Θ|Ι|Κ|Λ|Μ|Ν|Ξ|Ο|Π|Ρ|Σ|Τ|Υ|Φ" +
"|Χ|Ψ|Ω|α|β|γ|δ|ε|ζ|η|θ|ι|κ" +
"|λ|μ|ν|ξ|ο|π|ρ|ς|σ|τ|υ|φ|χ|ψ|ω" +
"|ϑ|&Upsih;|ϖ| | | |‌|‍|‎|‏|–|—|‘" +
"|’|‚|“|”|„|†|‡|•|…|‰|′|″" +
"|‹|›|‾|⁄|€|ℑ|℘|ℜ|™|ℵ|←|↑|→" +
"|↓|↔|↵|⇐|&UArr;|⇒|⇓|⇔|∀|∂|∃|∅|∇|∈" +
"|∉|∋|∏|∑|−|∗|√|∝|∞|∠|∧|∨|∩|∪|∫" +
"|∴|∼|≅|≈|≠|≡|≤|≥|⊂|⊃|⊄|⊆|⊇|⊕|⊗" +
"|⊥|⋅|⌈|⌉|⌊|⌋|⟨|⟩|◊|♠|♣|♥|♦)";
public static final int SPANNABLE_FLAGS = Spannable.SPAN_EXCLUSIVE_EXCLUSIVE;
/**
* Apply styling rules to {@code content}.
*/
public static void styleHtmlForDisplay(@NonNull Spannable content) {
styleHtmlForDisplay(content, 0, content.length());
}
/**
* Apply styling rules to {@code content} inside the range from {@code start} to {@code end}.
*
* @param content the Spannable to apply style rules to
* @param start the index in {@code content} to start styling from
* @param end the index in {@code content} to style until
*/
public static void styleHtmlForDisplay(@NonNull Spannable content, int start, int end) {
if (Build.VERSION.RELEASE.equals("4.1") || Build.VERSION.RELEASE.equals("4.1.1")) {
// Avoids crashing bug in Android 4.1 and 4.1.1 triggered when spanned text is line-wrapped
// AOSP issue: https://code.google.com/p/android/issues/detail?id=35466
return;
}
applySpansByRegex(content, start, end, REGEX_HTML_TAGS);
applySpansByRegex(content, start, end, REGEX_HTML_ATTRIBUTES);
applySpansByRegex(content, start, end, REGEX_HTML_COMMENTS);
applySpansByRegex(content, start, end, REGEX_HTML_ENTITIES);
}
/**
* Applies styles to {@code content} from {@code start} to {@code end}, based on rule {@code regex}.
* @param content the Spannable to apply style rules to
* @param start the index in {@code content} to start styling from
* @param end the index in {@code content} to style until
* @param regex the pattern to match for styling
*/
private static void applySpansByRegex(Spannable content, int start, int end, String regex) {
if (content == null || start < 0 || end < 0 || start > content.length() || end > content.length() ||
start >= end) {
AppLog.d(AppLog.T.EDITOR, "applySpansByRegex() received invalid input");
return;
}
Pattern pattern = Pattern.compile(regex);
Matcher matcher = pattern.matcher(content.subSequence(start, end));
while (matcher.find()) {
int matchStart = matcher.start() + start;
int matchEnd = matcher.end() + start;
switch(regex) {
case REGEX_HTML_TAGS:
content.setSpan(new ForegroundColorSpan(TAG_COLOR), matchStart, matchEnd, SPANNABLE_FLAGS);
break;
case REGEX_HTML_ATTRIBUTES:
content.setSpan(new ForegroundColorSpan(ATTRIBUTE_COLOR), matchStart, matchEnd, SPANNABLE_FLAGS);
break;
case REGEX_HTML_COMMENTS:
content.setSpan(new ForegroundColorSpan(ATTRIBUTE_COLOR), matchStart, matchEnd, SPANNABLE_FLAGS);
content.setSpan(new StyleSpan(Typeface.ITALIC), matchStart, matchEnd, SPANNABLE_FLAGS);
content.setSpan(new RelativeSizeSpan(0.75f), matchStart, matchEnd, SPANNABLE_FLAGS);
break;
case REGEX_HTML_ENTITIES:
content.setSpan(new ForegroundColorSpan(TAG_COLOR), matchStart, matchEnd, SPANNABLE_FLAGS);
content.setSpan(new StyleSpan(Typeface.BOLD), matchStart, matchEnd, SPANNABLE_FLAGS);
content.setSpan(new RelativeSizeSpan(0.75f), matchStart, matchEnd, SPANNABLE_FLAGS);
break;
}
}
}
/**
* Clears all relevant spans in {@code content} from {@code start} to {@code end}. Relevant spans are the subclasses
* of {@link CharacterStyle} applied by {@link HtmlStyleUtils#applySpansByRegex(Spannable, int, int, String)}.
* @param content the Spannable to clear styles from
* @param spanStart the index in {@code content} to start clearing styles from
* @param spanEnd the index in {@code content} to clear styles until
*/
public static void clearSpans(Spannable content, int spanStart, int spanEnd) {
CharacterStyle[] spans = content.getSpans(spanStart, spanEnd, CharacterStyle.class);
for (CharacterStyle span : spans) {
if (span instanceof ForegroundColorSpan || span instanceof StyleSpan || span instanceof RelativeSizeSpan) {
content.removeSpan(span);
}
}
}
}
|
