ਹੈਬਰ 'ਤੇ ਕੋਡ ਨੂੰ ਸਹੀ ਤਰ੍ਹਾਂ ਕਿਵੇਂ ਰੰਗਣਾ ਹੈ ਅਤੇ ਇਹ ਇੰਨਾ ਮੁਸ਼ਕਲ ਕਿਉਂ ਹੈ

ਕੁਝ ਮਹੀਨੇ ਪਹਿਲਾਂ ਮੈਂ ਪ੍ਰਕਾਸ਼ਿਤ ਕੀਤਾ ਸੀ ਮੇਰੀ ਪਹਿਲੀ ਪੋਸਟ Habr 'ਤੇ। ਤੁਹਾਡੇ ਵਿੱਚੋਂ ਕੁਝ ਲੋਕਾਂ ਨੇ ਦੇਖਿਆ ਹੋਵੇਗਾ ਕਿ ਲੇਖ ਵਿੱਚ ਕੋਡ ਨੂੰ ਅਸਾਧਾਰਨ ਤੌਰ 'ਤੇ ਰੰਗ ਦਿੱਤਾ ਗਿਆ ਹੈ, ਅਤੇ ਸਭ ਤੋਂ ਮਹੱਤਵਪੂਰਨ, ਇਹ ਸਹੀ ਢੰਗ ਨਾਲ ਰੰਗਿਆ ਗਿਆ ਹੈ, ਇਸ ਤੱਥ ਦੇ ਬਾਵਜੂਦ ਕਿ ਸਾਈਟ ਦਾ ਬਿਲਟ-ਇਨ ਟੈਕਸਟ ਐਡੀਟਰ ਅਸਲ ਕੋਡ ਮਾਰਕਅੱਪ ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦਾ ਹੈ ਅਤੇ ਅਕਸਰ ਇਸਦੇ ਤੱਤਾਂ ਨੂੰ ਗਲਤ ਢੰਗ ਨਾਲ ਉਜਾਗਰ ਕਰਦਾ ਹੈ। ਇਸ ਤੋਂ ਇਲਾਵਾ, ਕੋਡ ਨੂੰ ਇੱਕ ਚਿੱਤਰ ਦੇ ਰੂਪ ਵਿੱਚ ਸ਼ਾਮਲ ਨਹੀਂ ਕੀਤਾ ਗਿਆ ਹੈ, ਜਿਵੇਂ ਕਿ ਕੁਝ ਨਿਰਾਸ਼ ਲੇਖਕ ਕਰਦੇ ਹਨ।

ਮੇਰੇ ਮਾਮਲੇ ਵਿੱਚ, ਮਾਰਕਅੱਪ ਨੂੰ ਸੁਰੱਖਿਅਤ ਰੱਖਣਾ ਖਾਸ ਤੌਰ 'ਤੇ ਮਹੱਤਵਪੂਰਨ ਸੀ ਕਿਉਂਕਿ ਲੇਖ ਕੋਡ 'ਤੇ ਕਿਵੇਂ ਕੰਮ ਕਰਨਾ ਹੈ ਇਸਦਾ ਵਰਣਨ ਸੀ। ਸਮੱਸਿਆ ਨੂੰ ਹੱਲ ਕਰਨ ਲਈ, ਮੈਂ ਬਣਾਇਆ ਸੰਦ ਹੈ, ਜੋ ਤੁਹਾਨੂੰ ਇੱਕ ਚੁਣੇ ਹੋਏ IDEA ਡਾਇਗ੍ਰਾਮ ਵਿੱਚ ਕੋਡ ਹਾਈਲਾਈਟਿੰਗ ਨੂੰ Habr 'ਤੇ ਇੱਕ ਲੇਖ ਵਿੱਚ ਟ੍ਰਾਂਸਫਰ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ। ਮੈਂ ਟੂਲ ਬਣਾਉਣ ਦੀ ਪ੍ਰਕਿਰਿਆ ਅਤੇ ਇਸਦੀ ਵਰਤੋਂ ਦੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਬਾਰੇ ਚਰਚਾ ਕਰਾਂਗਾ।

ਇਹ ਸਭ ਕਿਉਂ?

ਪਹਿਲੀ ਨਜ਼ਰ 'ਤੇ, ਇਹ ਜਾਪਦਾ ਹੈ ਕਿ ਇਹ ਸ਼ਰਾਰਤ ਨਾਲ ਕੀਤਾ ਗਿਆ ਹੈ, ਸਿਰਫ਼ ਇਸ ਲਈ ਕਿਉਂਕਿ ਟੈਗ ਰਾਹੀਂ ਲਾਗੂ ਕੀਤੀ ਗਈ ਮਿਆਰੀ ਬੈਕਲਾਈਟਿੰਗ ਤਸੱਲੀਬਖਸ਼ ਨਹੀਂ ਹੈ। <source>.

ਇੱਕ ਤਰ੍ਹਾਂ ਨਾਲ, ਇਹ ਬਿਲਕੁਲ ਸੱਚ ਹੈ, ਪਰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਨਹੀਂ।

ਸਭ ਤੋਂ ਪਹਿਲਾਂ, ਅੰਦਰ ਦੀ ਰੋਸ਼ਨੀ <source> ਇਹ ਕੋਡ ਚੰਕਸ ਨਾਲ ਕੰਮ ਨਹੀਂ ਕਰ ਸਕਦਾ ਕਿਉਂਕਿ ਰੰਗ ਕਰਨ ਲਈ ਕਾਫ਼ੀ ਜਾਣਕਾਰੀ ਨਹੀਂ ਹੋਵੇਗੀ। ਚੰਕ ਦੇ ਬਾਹਰ ਘੋਸ਼ਿਤ ਕੀਤੇ ਗਏ ਸਾਰੇ ਤੱਤ ਬੇਤਰਤੀਬੇ ਰੰਗ ਕੀਤੇ ਜਾਣਗੇ। ਇਸ ਸਮੱਸਿਆ ਦਾ ਕੋਈ ਹੱਲ ਨਹੀਂ ਹੈ, ਕਿਉਂਕਿ, ਜਿੱਥੋਂ ਤੱਕ ਮੈਨੂੰ ਪਤਾ ਹੈ, ਕੋਈ ਵੀ ਔਨਲਾਈਨ ਰੰਗ ਸੇਵਾਵਾਂ ਤੁਹਾਨੂੰ ਹੇਠ ਲਿਖਿਆਂ ਵਿੱਚੋਂ ਕੁਝ ਕਰਨ ਦੀ ਆਗਿਆ ਨਹੀਂ ਦਿੰਦੀਆਂ:

1. ਪੂਰਾ ਪ੍ਰੋਜੈਕਟ ਕੋਡ ਲੇਖ ਵਿੱਚ ਪਾਓ, ਇਸਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤੇ ਬਿਨਾਂ, ਜਾਂ GitHub ਕਮਿਟ ਦਾ ਲਿੰਕ ਸ਼ਾਮਲ ਕਰੋ। ਲੇਖ ਵਿੱਚ ਖਾਸ ਥਾਵਾਂ 'ਤੇ, ਪੂਰੇ ਕੋਡ ਦੇ ਅੰਸ਼ਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ (ਇੱਕ ਰੇਂਜ ਨਿਰਧਾਰਤ ਕੀਤੀ ਗਈ ਹੈ)। ਬੇਸ਼ੱਕ, ਹਾਈਲਾਈਟਿੰਗ ਪੂਰੇ ਕੋਡ 'ਤੇ ਅਧਾਰਤ ਹੋਣੀ ਚਾਹੀਦੀ ਹੈ।
2. ਪਰਿਭਾਸ਼ਿਤ ਤੱਤਾਂ ਲਈ ਸਪਸ਼ਟ ਮੈਟਾਡੇਟਾ ਪ੍ਰਦਾਨ ਕਰੋ। ਇਹ ਉਪਭੋਗਤਾ ਲਈ ਇੱਕ ਕਾਫ਼ੀ ਗੁੰਝਲਦਾਰ ਰਸਤਾ ਹੈ, ਪਰ ਮੈਂ ਇਸ ਨਾਲ ਸਹਿਮਤ ਹੋਵਾਂਗਾ।

ਦੂਜਾ, ਅੰਦਰ ਦੀ ਰੋਸ਼ਨੀ <source> ਇਹ ਕਦੇ ਵੀ ਇੱਕ ਮਿਆਰੀ IDE ਦੇ ਵੱਖ-ਵੱਖ ਤੱਤਾਂ ਦੀਆਂ ਕਿਸਮਾਂ ਦੀ ਗਿਣਤੀ ਨਾਲ ਮੇਲ ਨਹੀਂ ਖਾਂਦਾ। ਅਤੇ ਉੱਪਰ ਦੱਸੀ ਗਈ ਸਮੱਸਿਆ ਦੇ ਕਾਰਨ, ਉੱਨਤ ਰੰਗਾਂ ਨੂੰ ਲਾਗੂ ਕਰਨ ਦਾ ਕੋਈ ਮਤਲਬ ਨਹੀਂ ਹੈ: ਕੋਈ ਵੀ ਪੂਰਾ ਪ੍ਰੋਜੈਕਟ ਕੋਡ ਇੱਕ ਲੇਖ ਵਿੱਚ ਪੇਸਟ ਨਹੀਂ ਕਰਦਾ, ਇਸ ਲਈ ਇਹ ਕਾਰਜਸ਼ੀਲਤਾ ਕੰਮ ਨਹੀਂ ਕਰੇਗੀ।

ਇਸ ਦੇ ਨਾਲ ਹੀ, ਅਸਲੀਅਤ ਇਹ ਹੈ ਕਿ ਲੇਖਾਂ ਵਿੱਚ ਕੋਡ ਦੇ ਟੁਕੜੇ ਸ਼ਾਮਲ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੈ, ਅਤੇ ਉਹ ਜਿੰਨੇ ਛੋਟੇ ਹੋਣਗੇ, ਓਨਾ ਹੀ ਵਧੀਆ ਹੋਵੇਗਾ।

ਕੋਡ ਨੂੰ ਹਾਈਲਾਈਟ ਕੀਤੇ ਬਿਨਾਂ ਪੜ੍ਹਨਾ ਸੰਭਵ ਹੈ, ਪਰ ਕਿਉਂ?

ਹੈਬਰ ਮਾਰਕਅੱਪ ਦੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ

IntelliJ IDEA ਵਿੱਚ HTML ਵਿੱਚ ਕੋਡ ਨਿਰਯਾਤ ਕਰਨ ਲਈ ਬਿਲਟ-ਇਨ ਸਪੋਰਟ ਹੈ। ਸਿਰਫ਼ ਕੋਡ ਦੀ ਨਕਲ ਕਰਨ ਨਾਲ ਕਲਿੱਪਬੋਰਡ ਵਿੱਚ ਰੰਗੀਨ ਕੋਡ ਜੋੜਿਆ ਜਾਂਦਾ ਹੈ, ਜਿਸਨੂੰ HTML ਦੇ ਰੂਪ ਵਿੱਚ ਪੜ੍ਹਿਆ ਜਾ ਸਕਦਾ ਹੈ।

ਬਦਕਿਸਮਤੀ ਨਾਲ, Habr ਲੇਖਾਂ ਵਿੱਚ ਸਿੱਧੇ HTML ਮਾਰਕਅੱਪ ਦੀ ਆਗਿਆ ਨਹੀਂ ਦਿੰਦਾ ਹੈ। ਇਸਦੇ ਕਾਰਨ ਇੱਕ ਰਹੱਸ ਹਨ, ਪਰ ਇਹ ਸ਼ਾਇਦ ਲੇਖ ਫਾਰਮੈਟਾਂ ਨੂੰ ਮਾਨਕੀਕਰਨ ਨਾਲ ਸਬੰਧਤ ਹੈ। ਲੇਖਾਂ ਵਿੱਚ HTML ਦੀ ਆਗਿਆ ਦੇਣ ਨਾਲ ਦੇਖਣ ਵਿੱਚ ਸਮੱਸਿਆਵਾਂ ਪੈਦਾ ਹੋਣ ਦੀ ਸੰਭਾਵਨਾ ਹੈ।

ਮੈਂ ਆਮ ਤੌਰ 'ਤੇ ਲੇਖਾਂ ਵਿੱਚ HTML 'ਤੇ ਪਾਬੰਦੀ ਲਗਾਉਣ ਦੇ ਵਿਚਾਰ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹਾਂ, ਪਰ ਇੱਕ ਚੇਤਾਵਨੀ ਹੈ। ਆਈਟੀ ਪੇਸ਼ੇਵਰਾਂ ਲਈ ਇੱਕ ਸਰੋਤ ਜਿੱਥੇ ਕੋਡ ਬਾਰੇ ਅਕਸਰ ਚਰਚਾ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਫਿਰ ਵੀ ਇਸਨੂੰ ਲੇਖ ਵਿੱਚ ਸਹੀ ਢੰਗ ਨਾਲ ਪਾਉਣ ਦਾ ਕੋਈ ਤਰੀਕਾ ਨਹੀਂ ਹੈ, ਥੋੜ੍ਹਾ ਅਜੀਬ ਹੈ।

ਇਸ ਲਈ, ਸਾਡੇ ਕੋਲ ਟੈਗਸ ਉਪਲਬਧ ਹਨ <b>, <i>, <font>. ਇਸ ਤੋਂ ਇਲਾਵਾ, ਇਹ ਸਭ ਟੈਗ ਦੇ ਅੰਦਰ ਕੰਮ ਕਰਦਾ ਹੈ <code>, ਜੋ ਕਿ ਫਾਰਮੈਟਿੰਗ ਲਈ ਲੋੜੀਂਦਾ ਹੈ। ਖੈਰ, ਅਤੇ   ਅਸੀਂ ਇਸਨੂੰ ਸੇਵ ਵੀ ਕੀਤਾ, ਜੋ ਕਿ ਕੋਡ ਅਤੇ ਇੰਡੈਂਟਸ ਦੀਆਂ ਲੰਬੀਆਂ ਲਾਈਨਾਂ ਲਈ ਲਾਭਦਾਇਕ ਹੈ।

ਇਹ ਕਹਿਣ ਦੀ ਲੋੜ ਨਹੀਂ ਕਿ IDEA ਤੋਂ HTML ਕੋਡ ਪ੍ਰਾਪਤ ਕਰਨ ਦੇ ਸਾਰੇ ਮਿਆਰੀ ਤਰੀਕੇ ਬਿਲਕੁਲ ਵੱਖਰੇ HTML ਪੈਦਾ ਕਰਦੇ ਹਨ, ਇਸ ਲਈ ਪਰਿਵਰਤਨ ਦੇ ਕੰਮ ਲਈ ਬਹੁਤ ਸਾਰਾ ਕੰਮ ਦੀ ਲੋੜ ਪਵੇਗੀ।

ਪਹੁੰਚ

ਸਭ ਤੋਂ ਪਹਿਲਾਂ, ਲੇਖਕ ਪ੍ਰਤੀ ਧੰਨਵਾਦ ਦੇ ਸ਼ਬਦ ਕਹਿਣ ਦੇ ਯੋਗ ਹੈ। ਕੈਪਸਲਾਕ ਉਸਦੇ ਲਈ stuff ਇਸ ਵਿਸ਼ੇ 'ਤੇ। ਮੈਂ ਲੇਖ ਵਿੱਚ ਸੁਝਾਏ ਗਏ ਟੂਲ ਦੀ ਵਰਤੋਂ ਸਿੱਧੇ ਤੌਰ 'ਤੇ ਨਹੀਂ ਕੀਤੀ, ਅਤੇ ਇਹ ਸੰਭਾਵਨਾ ਵੀ ਨਹੀਂ ਹੈ ਕਿ ਮੈਂ ਕਰਾਂਗਾ, ਪਰ ਇਸ ਸਮੱਗਰੀ ਦਾ ਧੰਨਵਾਦ, ਮੈਂ ਸਮੱਸਿਆ ਦੀ ਪੂਰੀ ਡੂੰਘਾਈ ਨੂੰ ਸਮਝ ਗਿਆ ਅਤੇ ਨਾਲ ਹੀ ਉਮੀਦ ਦੀ ਇੱਕ ਝਲਕ ਮਹਿਸੂਸ ਕੀਤੀ।

ਇਸ ਪੋਸਟ ਦਾ ਇੱਕੋ ਇੱਕ ਨੁਕਸਾਨ ਇਹ ਹੈ ਕਿ ਇਸ ਵਿੱਚ ਵੱਡੀ ਮਾਤਰਾ ਵਿੱਚ ਕੋਡ ਹੈ ਅਤੇ ਇਸ ਵਿੱਚ ਬਹੁਤ ਘੱਟ ਵਿਆਖਿਆ ਹੈ ਕਿ ਇਹ ਕੀ ਕਰਦਾ ਹੈ ਅਤੇ ਕਿਉਂ।

ਮੈਂ ਸਥਿਤੀ ਨੂੰ ਠੀਕ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰਾਂਗਾ ਅਤੇ ਵਰਣਨ ਕਰਾਂਗਾ ਕਿ ਜੇਕਰ ਤੁਸੀਂ ਆਪਣੇ HTML ਕੋਡ ਮਾਰਕਅੱਪ ਨੂੰ Habr 'ਤੇ ਪੇਸਟ ਕਰਨ ਲਈ ਤਿਆਰ ਫਾਰਮੈਟ ਵਿੱਚ ਪ੍ਰਾਪਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਤੁਹਾਨੂੰ ਕੀ ਕਰਨ ਦੀ ਲੋੜ ਪਵੇਗੀ।

1. ਨਿਰਯਾਤ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ, ਤੁਹਾਨੂੰ IDEA ਵਿੱਚ ਲੋੜੀਂਦੀ ਰੰਗ ਸਕੀਮ ਸੈੱਟ ਕਰਨ ਦੀ ਲੋੜ ਹੈ, ਉਦਾਹਰਣ ਵਜੋਂ ਕਲਰ ਥੀਮ ਵੈੱਬਸਾਈਟ ਤੋਂਕੋਡ ਚੁਣੀ ਗਈ ਸਕੀਮ ਦੇ ਨਾਲ ਨਿਰਯਾਤ ਕੀਤਾ ਜਾਵੇਗਾ। ਚਿੱਟੇ ਬੈਕਗ੍ਰਾਊਂਡ ਵਾਲੀ ਸਕੀਮ ਚੁਣਨਾ ਸਭ ਤੋਂ ਵਧੀਆ ਹੈ (ਕਿਉਂਕਿ ਬੈਕਗ੍ਰਾਊਂਡ Habr 'ਤੇ ਸੈੱਟ ਨਹੀਂ ਕੀਤੇ ਜਾ ਸਕਦੇ) ਅਤੇ ਅੰਡਰਲਾਈਨਾਂ ਤੋਂ ਬਿਨਾਂ। ਮੈਨੂੰ ਸਮਝ ਨਹੀਂ ਆ ਰਿਹਾ ਸੀ ਕਿ ਉਹਨਾਂ ਨੂੰ ਆਸਾਨੀ ਨਾਲ ਕਿਵੇਂ ਖਿੱਚਣਾ ਹੈ, ਕਿਉਂਕਿ ਮੈਂ ਅਸਲ ਵਿੱਚ ਅਜਿਹਾ ਨਹੀਂ ਕਰਨਾ ਚਾਹੁੰਦਾ ਸੀ।
2. ਅਸੀਂ ਸਿਰਫ਼ ਟੈਗ ਦੇ ਅੰਦਰੂਨੀ ਹਿੱਸਿਆਂ ਨਾਲ ਕੰਮ ਕਰਦੇ ਹਾਂ। <pre>ਭਾਵੇਂ ਤੁਸੀਂ IDEA ਤੋਂ ਵੱਖਰੇ ਐਕਸਪੋਰਟ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੇ ਹੋ, ਤੁਹਾਡੇ HTML ਮਾਰਕਅੱਪ ਵਿੱਚ ਇਹ ਟੈਗ ਹੋਣ ਦੀ ਸੰਭਾਵਨਾ ਹੈ, ਕਿਉਂਕਿ ਇਸ ਤੋਂ ਬਿਨਾਂ ਕੋਡ ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਫਾਰਮੈਟ ਕਰਨਾ ਮੁਸ਼ਕਲ ਹੈ। ਟੈਗ ਨੂੰ ਹੀ ਹਟਾਓ ਅਤੇ ਇਸਨੂੰ <code>.
3. ਇਹ ਟੈਕਸਟ ਸੰਭਾਵਤ ਤੌਰ 'ਤੇ ਇੱਕ ਸੂਚੀ ਦੇ ਰੂਪ ਵਿੱਚ ਪੇਸ਼ ਕੀਤਾ ਜਾਵੇਗਾ। <span> ਵੱਖ-ਵੱਖ ਸਟਾਈਲਾਂ ਦੇ ਨਾਲ। ਤੁਹਾਨੂੰ ਉਨ੍ਹਾਂ ਸਾਰਿਆਂ ਤੋਂ ਛੁਟਕਾਰਾ ਪਾਉਣਾ ਪਵੇਗਾ। ਬਹੁਤ ਸਾਰੀਆਂ ਰੰਗੀਨ ਸੇਵਾਵਾਂ ਸਟਾਈਲਾਂ ਨੂੰ ਇੱਕ ਸਟਾਈਲ ਸ਼ੀਟ ਵਿੱਚ ਜੋੜਦੀਆਂ ਹਨ, ਜੋ ਕਿ ਤਰਕਪੂਰਨ ਹੈ, ਅਤੇ ਸਟਾਈਲ ਦੇ ਨਾਵਾਂ ਦੇ ਹਵਾਲਿਆਂ ਦੀ ਵਰਤੋਂ ਕਰਦੀਆਂ ਹਨ। IDEA ਅਜੇ ਅਜਿਹਾ ਨਹੀਂ ਕਰਦਾ ਹੈ, ਜੋ ਕੰਮ ਨੂੰ ਕੁਝ ਆਸਾਨ ਬਣਾਉਂਦਾ ਹੈ (ਸਟਾਈਲ ਸੈਟਿੰਗਾਂ ਸਿੱਧੇ ਵਿੱਚ ਸਥਿਤ ਹਨ <span>).
4. ਅਸੀਂ ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਫੌਂਟ ਰੰਗ ਸੈੱਟ ਕਰਦੇ ਹਾਂ। <font>ਬਦਕਿਸਮਤੀ ਨਾਲ, ਪਿਛੋਕੜ ਦਾ ਰੰਗ ਸੈੱਟ ਕਰਨਾ ਸੰਭਵ ਨਹੀਂ ਹੈ।
5. ਜਾਇਦਾਦ font-style:italic ਚਲੋ ਇਸਨੂੰ ਕੁਝ ਟੈਗਾਂ ਵਿੱਚ ਬਦਲਦੇ ਹਾਂ। <i></i>ਅਤੇ font-weight:bold - at <b></b>.
6. ਸਾਰੀਆਂ ਖਾਲੀ ਥਾਵਾਂ ਨੂੰ ਇਸ ਨਾਲ ਬਦਲੋ  .
7. ਫਾਰਮ ਵਿੱਚ ਲਾਈਨ ਬ੍ਰੇਕ <br> ਨਾਲ ਬਦਲੋ n.
8. IDEA ਵਿੱਚ HTML ਮਾਰਕਅੱਪ ਬਣਾਉਂਦੇ ਸਮੇਂ, ਤੁਹਾਨੂੰ ਸਟਾਈਲ ਵਾਲੀਆਂ ਖਾਲੀ ਲਾਈਨਾਂ ਅਤੇ ਸਟਾਈਲ ਵਾਲੀਆਂ ਖਾਲੀ ਥਾਵਾਂ ਵਾਲੀਆਂ ਲਾਈਨਾਂ ਮਿਲਣਗੀਆਂ। ਇਹਨਾਂ ਸਟਾਈਲਾਂ ਨੂੰ ਹਟਾਉਣਾ ਸਭ ਤੋਂ ਵਧੀਆ ਹੈ: ਇਹ ਲੰਬਾਈ ਨੂੰ ਕਾਫ਼ੀ ਘਟਾ ਦੇਵੇਗਾ ਅਤੇ ਕੋਡ ਦੀ ਸਪਸ਼ਟਤਾ ਵਿੱਚ ਸੁਧਾਰ ਕਰੇਗਾ।
9. ਅਸੀਂ ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦੇ ਹਾਂ ਕਿ ਲਾਈਨ ਬ੍ਰੇਕਸ ਦਾ ਕੋਈ ਸਟਾਈਲ ਨਾ ਹੋਵੇ। ਨਹੀਂ ਤਾਂ, ਖਾਲੀ ਲਾਈਨਾਂ ਨਾਲ ਸਮੱਸਿਆਵਾਂ ਪੈਦਾ ਹੋਣਗੀਆਂ।

ਮੈਂ ਆਖਰੀ ਨੁਕਤੇ ਨੂੰ ਇੱਕ ਉਦਾਹਰਣ ਦੇ ਕੇ ਸਮਝਾਵਾਂਗਾ:

<code>
1<font color="000000">
</font>2
</code>

ਇਸ ਕੋਡ ਨੂੰ Habr ਦੁਆਰਾ ਵਿੱਚ ਬਦਲਿਆ ਜਾਵੇਗਾ 12ਇਹੀ ਗੱਲ ਟੈਗਾਂ 'ਤੇ ਵੀ ਲਾਗੂ ਹੁੰਦੀ ਹੈ। <b> и <i>, ਅਤੇ ਨਾਲ ਹੀ ਇਸਦੇ ਕਿਸੇ ਵੀ ਸੰਜੋਗ। ਲਾਈਨ ਬ੍ਰੇਕ ਨੂੰ ਅਨਸਟਾਇਲ ਕੀਤਾ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ, ਅਤੇ ਫਿਰ ਸਭ ਕੁਝ ਠੀਕ ਹੋ ਜਾਵੇਗਾ।

Реализация

ਪਹਿਲਾਂ ਤਾਂ, ਆਰਬਿਟਰੇਰੀ HTML ਕੋਡ ਲਈ ਇੱਕ ਕਨਵਰਟਰ ਲਿਖਣਾ ਕਾਫ਼ੀ ਚੁਣੌਤੀਪੂਰਨ ਜਾਪਦਾ ਸੀ। ਹਾਲਾਂਕਿ, ਜੇਕਰ ਤੁਸੀਂ ਇੱਕ ਖਾਸ HTML ਰੂਪ ਦੇ ਅਨੁਸਾਰ ਹੱਲ ਤਿਆਰ ਕਰਦੇ ਹੋ, ਤਾਂ ਚੀਜ਼ਾਂ ਇੰਨੀਆਂ ਮਾੜੀਆਂ ਨਹੀਂ ਹਨ। ਮੈਂ ਸ਼ੁੱਧ RegExp ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸਭ ਕੁਝ ਕਰਨ ਵਿੱਚ ਕਾਮਯਾਬ ਰਿਹਾ, ਭਾਵ HTML ਨੂੰ ਪਾਰਸ ਕੀਤੇ ਬਿਨਾਂ ਵੀ। ਮੁੱਖ ਚੁਣੌਤੀ "Habr" ਮਾਰਕਅੱਪ ਦੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਪਛਾਣ ਕਰਨਾ ਨਿਕਲੀ।

ਲਾਈਨ ਬ੍ਰੇਕਸ 'ਤੇ ਸਟਾਈਲ ਤੋਂ ਬਚਣ ਲਈ, ਮੈਨੂੰ ਕੁਝ ਮੁਸ਼ਕਲ ਬਦਲ ਬਣਾਉਣੇ ਪਏ, ਜੋ ਸ਼ਾਇਦ ਸਭ ਤੋਂ ਉਲਝਣ ਵਾਲੇ ਹਨ (popupBr ਫੰਕਸ਼ਨ ਵੇਖੋ)। ਵਿਚਾਰ ਟੈਗ ਬਣਾਉਣਾ ਹੈ <br> ਹਰੇਕ ਬਦਲੀ ਤੋਂ ਬਾਅਦ, ਉਹ ਫਾਰਮੈਟਿੰਗ ਟੈਗਾਂ ਦੀ ਡੂੰਘਾਈ ਤੋਂ "ਉਭਰ ਕੇ" ਆਏ। ਇਸ ਤਰ੍ਹਾਂ, ਸਾਰੇ ਬਦਲੀਆਂ ਤੋਂ ਬਾਅਦ, ਟੈਗ <br> ਫਾਰਮੈਟਿੰਗ ਤੋਂ ਬਾਹਰ ਜਾਪਦਾ ਹੈ।

ਇਸ ਤੋਂ ਇਲਾਵਾ, ਇਹ ਪਤਾ ਲੱਗਾ ਕਿ IDEA ਕਲਿੱਪਬੋਰਡ ਵਿੱਚ ਨਾ ਸਿਰਫ਼ ਰਿਚ ਟੈਕਸਟ ਰੱਖਦਾ ਹੈ, ਸਗੋਂ ਇਸ ਤਰ੍ਹਾਂ ਦੀਆਂ ਮੁਸ਼ਕਲ ਵਸਤੂਆਂ ਨੂੰ ਵੀ ਰੱਖਦਾ ਹੈ application/x-java-jvm-local-objectrefਸਮੱਸਿਆ ਇਹ ਹੈ ਕਿ ਕਲਿੱਪਬੋਰਡ ਵਿੱਚ ਅਜਿਹੀਆਂ ਵਸਤੂਆਂ ਹੋਣ ਨਾਲ ਮੇਰੇ ਕੰਸੋਲ ਵਿੱਚ DataFlavor ਬਣਾਉਣ ਬਾਰੇ ਲਗਾਤਾਰ ਗਲਤੀਆਂ ਹੁੰਦੀਆਂ ਹਨ। ਬਦਕਿਸਮਤੀ ਨਾਲ, ਮੈਂ ਇਸ ਬਾਰੇ ਕੁਝ ਨਹੀਂ ਕਰ ਸਕਦਾ: JDK ਕਲਿੱਪਬੋਰਡ ਨੂੰ ਇਸ ਤਰ੍ਹਾਂ ਸੰਭਾਲਦਾ ਹੈ। ਦੀ ਮੌਜੂਦਗੀ ਅਜਿਹਾ ਕੋਡਜ਼ਾਹਿਰ ਹੈ, ਜਿਨ੍ਹਾਂ ਸਿਆਣੇ ਲੋਕਾਂ ਨੇ ਇਹ ਲਿਖਿਆ ਹੈ, ਉਹ ਸੋਚਦੇ ਹਨ ਕਿ ਇਹ ਕੰਮ ਕਰੇਗਾ। ਸੰਖੇਪ ਵਿੱਚ, ਟੂਲ ਨਾਲ ਕੰਮ ਕਰਦੇ ਸਮੇਂ ਪੈਦਾ ਹੋਣ ਵਾਲੀਆਂ ਗਲਤੀਆਂ ਤੋਂ ਘਬਰਾਓ ਨਾ।

ਇਹ ਪ੍ਰੋਜੈਕਟ ਕੋਟਲਿਨ ਵਿੱਚ ਲਿਖਿਆ ਗਿਆ ਹੈ ਅਤੇ ਚੱਲਦਾ ਹੈ GitHub.

ਸੁਧਾਰ ਲਈ ਸੁਝਾਵਾਂ ਦਾ ਬਹੁਤ ਸਵਾਗਤ ਹੈ! ਉਦਾਹਰਣ ਵਜੋਂ, ਇਸ ਟੂਲ ਨੂੰ IDEA ਲਈ ਪਲੱਗਇਨ ਵਜੋਂ ਲਾਗੂ ਕਰਨਾ ਬਹੁਤ ਵਧੀਆ ਹੋਵੇਗਾ। ਮੈਨੂੰ ਅਜੇ ਤੱਕ ਅਜਿਹਾ ਕਰਨ ਦਾ ਕੋਈ ਸੌਖਾ ਤਰੀਕਾ ਨਹੀਂ ਮਿਲਿਆ ਹੈ: ਕਾਪੀ ਐਜ਼ HTML ਪਲੱਗਇਨ ਬਦਕਿਸਮਤੀ ਨਾਲ ਬੰਦ ਸਰੋਤ ਹੈ, ਅਤੇ ਇਹ ਪਤਾ ਲਗਾਉਣਾ ਕਿ ਸ਼ੁਰੂ ਤੋਂ ਅਜਿਹਾ ਪਲੱਗਇਨ ਕਿਵੇਂ ਲਿਖਣਾ ਹੈ, ਬਹੁਤ ਸਮਾਂ ਲੈਣ ਵਾਲਾ ਹੋਵੇਗਾ।

ਸਿਰਫ਼ ਰਜਿਸਟਰਡ ਉਪਭੋਗਤਾ ਹੀ ਸਰਵੇਖਣ ਵਿੱਚ ਹਿੱਸਾ ਲੈ ਸਕਦੇ ਹਨ। ਸਾਈਨ - ਇਨ, ਤੁਹਾਡਾ ਸੁਆਗਤ ਹੈ.

ਕੀ Habr ਲੇਖਾਂ ਵਿੱਚ ਕੋਡ ਦਾ ਸਹੀ ਰੰਗ ਤੁਹਾਡੇ ਲਈ ਮਾਇਨੇ ਰੱਖਦਾ ਹੈ?

• ਨਹੀਂ, ਮੈਂ ਆਮ ਤੌਰ 'ਤੇ ਕੋਡ ਨਹੀਂ ਪੜ੍ਹਦਾ।

• ਨਹੀਂ, ਸਟੈਂਡਰਡ ਰੰਗ ਕਾਫ਼ੀ ਹੈ।

• ਹਾਂ, ਮੈਂ ਪ੍ਰਸਿੱਧ IDE ਵਾਂਗ ਕੋਡ ਕਲਰਿੰਗ ਚਾਹੁੰਦਾ ਹਾਂ।

• ਹਾਂ, ਮੈਂ ਲੇਖ ਪੜ੍ਹਦੇ ਸਮੇਂ ਰੰਗ ਸਕੀਮਾਂ ਨੂੰ ਖੁਦ ਅਨੁਕੂਲਿਤ ਕਰਨਾ ਚਾਹੁੰਦਾ ਹਾਂ।

154 ਉਪਭੋਗਤਾਵਾਂ ਨੇ ਵੋਟ ਕੀਤਾ। 16 ਉਪਭੋਗਤਾ ਬਚੇ ਰਹੇ।

ਸਰੋਤ: www.habr.com