Como mencionei em um comentário, HTML / CSS é uma maneira melhor e mais fácil de fazer isso do que o Word. Você pode obter apenas o resultado desejado (incluindo cantos arredondados superior direito e / ou inferior direito, em que uma bolha encontra outra da mesma cor) por meio de um HTML muito básico e apenas algumas regras CSS, em vez de inserir um monte de formas do Word. Principalmente para satisfazer minha própria curiosidade, inventei o seguinte exemplo.
Vocêprovavelmentepodeusarorecursolocalizar/substituirparafazergrandepartedotrabalhodetransformarotextobrutodatranscriçãodobate-papoemHTML.Alémdisso,sevocêtiveroutrastranscriçõesparalidarnofuturo,poderácriaroCSSumavez,comoumarquivo.cssseparado,ereutilizá-loquantasvezesprecisar.Então,tudooquevocêprecisafazerétransformarastranscriçõesemHTML.Portanto,transcriçõeslongasedemoradasnãoexigemmuitoesforçogeral.
Noentanto,autilidadedestaabordagemdependeumpoucodoformatofinalquevocêprecisaparaoseudocumento.
- SevocêtransformaroarquivodoWordparaatranscriçãodobate-papoemumPDFparadistribuição,essasoluçãoseráumasubstituiçãodireta,poisvocêtambémpodetransformarapáginaHTMLrenderizadaemumPDF.
- Mesmoqueodocumentofinalincluaatranscriçãodobate-papoeoutroconteúdoescritonoWord,vocêprovavelmenteaindapoderáusaressaabordagemparaoprimeiroe,emseguida,combinarosváriosPDFsusandoumaferramentaquefazessetipodecoisa./li>
- SevocêdistribuirodocumentocomoumarquivodoWord,masseususuáriosnãoprecisaremeditarotextodobate-papo,vocêpoderásimplesmenteincluirasaídaHTMLcomoPDFougráfico.
- Infelizmente,sevocêdistribuirodocumentocomoumarquivodoWordeseususuáriosprecisaremeditarotextodobate-papo,essaabordagemnãoseráboa.
Aquiestáoqueeufiz.Algunsaspectospodem,semdúvida,serrefinadosdealgumaforma.
Comeceicomumatranscriçãodebate-papoquecomeçaassim,eissoincluiosnomesdosdoispalestranteseostimestamps.(OCSSacabaráescondendoessainformação,entãovocêpodedecidiromitirissocompletamente).
12:13:14KarenLoremipsumdolorsitamet,consecteturadipiscingelit.12:13:20KarenIntegernecodio.12:13:25KarenPraesentlibero.12:13:35KarenSedcursusantedapibusdiam.12:13:59JuanSednisi.12:14:10JuanNullaquissematnibhelementumimperdiet.Eucrieiumarquivo.htmlparaatranscrição,marcandoosváriosparágrafos,oscarimbosdedataehoraeosnomesdospalestrantes,conformerecomendadoem
<div>para separar os blocos de contribuições de cada palestrante, incluindo um atributodata-personalizado para identificar os dois palestrantes (aeb, em vez de Karen e Juan, com vistas a reutilizar o CSS para mais transcrições).<!doctype html> <html lang='en'> <head> <meta charset='utf-8'> <title>Chat</title> </head> <body> <main> <div data-person='a'> <p><time>12:13:14</time> <b>Karen</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p><time>12:13:20</time> <b>Karen</b> Integer nec odio.</p> <p><time>12:13:25</time> <b>Karen</b> Praesent libero.</p> <p><time>12:13:35</time> <b>Karen</b> Sed cursus ante dapibus diam.</p> </div> <div data-person='b'> <p><time>12:13:59</time> <b>Juan</b> Sed nisi.</p> <p><time>12:14:10</time> <b>Juan</b> Nulla quis sem at nibh elementum imperdiet.</p> </div> </main> </body> </html>-
Finalmente, criei estas 8 regras de estilo. Acabei de colocá-los diretamente no meu documento HTML (em um elemento
<style>dentro do elemento<head>); mas, como eu disse anteriormente, você também pode criar um arquivo .css separado e reutilizável.[data-person] { border-width:0; margin:0; padding:0; width:50%; } [data-person='b'] { position:relative; right:-50%; } [data-person] > p { margin:0; border:1px solid white; border-radius:1.5em 0.5em 0.5em 1.5em; padding:0.5em 1em; width:auto; max-width:100%; min-width:auto; float:right; clear:both; } [data-person='a'] > p { background:rgb(241,240,240); color:rgb(0,0,0); } [data-person='b'] > p { background:rgb(103,184,104); color:rgb(255,255,255); } [data-person] > p:last-of-type { border-bottom-right-radius:1.5em; } [data-person] > p:first-of-type { border-top-right-radius:1.5em; margin-top:2em; } [data-person] > p > time:first-of-type, [data-person] > p > b:first-of-type { display:block;width:0;height:0;overflow:hidden; }(A última regra oculta os carimbos de data e hora e os nomes dos palestrantes. Se você omitiu essas informações da sua transcrição, pode omitir a regra final de CSS.)
É isso. A saída é mostrada acima. Esse gráfico foi capturado no Safari, mas o resultado foi o mesmo em todos os outros navegadores que eu tentei: Firefox, Microsoft Edge, Internet Explorer e até mesmo Opera e Vivaldi. Observe, no entanto, que alguns dos cantos arredondados podem parecer bastante pixelados no Firefox e no Edge, dependendo das cores que usei para as bolhas.
